@import url("/mobile/css/reset.css");
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(./font/NanumBarunGothic.eot);
  src: local('Nanum Barun Gothic'),
       local('NanumBarunGothic'),
       url(./font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(./font/NanumBarunGothic.woff) format('woff'),
       url(./font/NanumBarunGothic.ttf) format('truetype');
}
/**/
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(./font/NanumBarunGothicBold.eot);
  src: local('Nanum Barun Gothic Bold'),
       local('NanumBarunGothicBold'),
       url(./font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(./font/NanumBarunGothicBold.woff) format('woff'),
       url(./font/NanumBarunGothicBold.ttf) format('truetype');
}

/* 나눔 스퀘어 */
@font-face {
	 font-family:"NanumSquare";
	 src:url(/mobile/font/NanumSquare.eot);
	 src:url(/mobile/font/NanumSquare.eot?#iefix) format("embedded-opentype"),
	 src:url(/mobile/font/NanumSquare.woff) format("woff"),
	 src:url(/mobile/font/NanumSquare.ttf) format("truetype");
}

html { -webkit-text-size-adjust: 100%;} 
body{background-color:#fff;text-align:center;*word-break:break-all;-ms-word-break:break-all;}
body, h1, h2, h3, h4, input, button {font-size: 13px; line-height: 160%; color: #666; margin: 0; padding: 0; font-family:'NanumSquare'; letter-spacing: -1px;}
img { vertical-align: top; }
button{margin:0;padding:0}
a{color:#666;text-decoration:none}
a:hover{color:#666;}
input { margin: 0; }
iframe { border: 0; margin: 0; padding: 0; }
input, select { vertical-align: middle; }
caption, legend { overflow: hidden; position: absolute !important; top: -999px; left: -9990px; width: 1px; height: 1px; line-height: 0; font-size: 0 } 
i,em,address{font-style:normal}
label,button{cursor:pointer}
sup { vertical-align: super; font-size: smaller; }

input{ color: #666; height: 32px; line-height: 32px; padding: 0px 0px 0px 10px; font-size: 1.0em; font-family:'NanumSquare'; border: 1px solid #e2e2e2; }
textarea{ color: #666; padding:10px; font-size: 1.0em; font-family:'NanumSquare'; border: 1px solid #e2e2e2; }
select{ color: #666; border:1px solid #e2e2e2; height:27px; padding:1px;}
input[type="checkbox"], input[type="radio"] { color: #666;  border:none; vertical-align:middle;margin:2px 4px 4px 4px;}

/** Base **/
html { -webkit-text-size-adjust: 100%;} 
body{background-color:#fff;text-align:center;*word-break:break-all;-ms-word-break:break-all;}
body, h1, h2, h3, h4, input, button {font-size: 13px; line-height: 160%; color: #666; margin: 0; padding: 0; font-family:'NanumSquare'; letter-spacing: -1px;}
img { vertical-align: top; }
button{margin:0;padding:0}
a{color:#666;text-decoration:none}
a:hover{color:#666;}
input { margin: 0; }
input::-ms-clear { display: none; }
iframe { border: 0; margin: 0; padding: 0; }
input, select { vertical-align: middle; }
caption, legend { overflow: hidden; position: absolute !important; top: -999px; left: -9990px; width: 1px; height: 1px; line-height: 0; font-size: 0 } 
i,em,address{font-style:normal}
label,button{cursor:pointer}
sup { vertical-align: super; font-size: smaller; }

input{ color: #666; height: 32px; line-height: 32px; padding: 0px 0px 0px 10px; font-size: 1.0em; font-family:'NanumSquare'; border: 1px solid #e2e2e2; }
textarea{ color: #666; padding:10px; font-size: 1.0em; font-family:'NanumSquare'; border: 1px solid #e2e2e2; }
select{ color: #666; border:1px solid #e2e2e2; height:27px; padding:1px;}
input[type="checkbox"], input[type="radio"] { color: #666;  border:none; vertical-align:middle;margin:2px 4px 4px 4px;}


.eng{font-family:'NanumSquare';  letter-spacing:0em;}
.hidden, #contents .hidden { visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none}	

/* Common */
.show{display:block}
.hide{display:none}
.blind{font-size: 1.0em; display:block;overflow:hidden;position:absolute;top:-1000em;left:0}

    /*btn*/
.btn{margin:0 2px; width:140px; height:45px; line-height:45px; text-align:center; display:inline-block; font-size:16px; color:#fff; font-weight: 700;}
.btn:hover{color:#fff;}
.btn-brown{background-color:#41a0da;}
.btn-gray{background-color:#c7c8ce;}

#wrap{position:relative;  min-width:320px; max-width:640px; margin:0 auto; width:100%; text-align: left; overflow:hidden;}


header{position:relative; text-align:center;}
header .top{position:relative; height:59px; background-color:#fff; border-bottom:1px solid #BFBFBF;}
header .logo{padding-top:15px; margin-left: 0; width:22.343%; display:inline-block; }
header .logo img { width:100%; }
header .slogan{position:absolute; left:12.968%; bottom:14px; width:21.093%; }
header .slogan img {width:100%;}
/*header .logo img{width:145px;}*/
header .tel{position:absolute; right:4.6875%; bottom:14px; }
/*header .tel img{height:24px;}*/

header .menu_btn{position:absolute; left:4.6875%; top:20px; }
header .menu_btn img{width:24px;}
header .menu_btn a{position:absolute; top:0; left:0;}
header .menu_btn a.close_btn{left:-60px;}



.gnb{position:absolute; width:40%; background-color: #4e8a00; height:100%; z-index: 999; 
		box-shadow:10px 0 10px rgba(100, 100, 100, 0.7);
		-moz-box-shadow:10px 0 10px rgba(100, 100, 100, 0.7);
		-webkit-box-shadow:10px 0 10px rgba(100, 100, 100, 0.7);
}
.gnb>ul>li{width:100%;}
.gnb>ul>li>a{height:40px; line-height:40px; text-align:center; display:block; font-size:15px; font-weight:800; color:#ffffff; border-top: 1px solid #6b9d2a;}

.gnb>ul>li:last-child>a{border-bottom: 1px solid #6b9d2a;}
.gnb>ul>li>a.on{color:#fff; background:#404041; background-size:6px 10px;  border-bottom:none; }
.gnb>ul>li>ul{display:none; padding:0px 0 0;}
.gnb>ul>li>ul>li>a{height:35px; line-height:35px; background-color: #626578;  text-align:center; display:block; font-size:13px; font-weight:800; color:#fff;border-top: 1px solid #404041;}
.gnb>ul>li>ul>li>a.on{color:#404041;}



/*main*/
.visual { position:relative; width:100%; background:#F5F5F5; padding-bottom:35px; }
.main_visual{position:relative; width:90.625%; margin:0 auto; }
.main_visual img{width:100%;}
.bestTitle { padding:40px 0; margin-left:4.6875%; }
.main_visual ul h2 { position:absolute; bottom:0; left:0; width:100%; background:rgba(0, 0, 0, 0.7); z-index:999; font-size:20px; color:#fff; line-height:24px; padding:3% 4%; }

@media (max-width:640px) {

}

.visualControl { position:absolute; right:4.6875%; top:38px; }

/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url('../images/main/arrow_left.png') no-repeat;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url('../images/main/arrow_right.png') no-repeat;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}


/* 메인비주얼 */
.main_visual_slide .items a{position:relative; display:block; width:100%; padding-top: 70%; overflow:hidden;}
.main_visual_slide .items a img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover;}
.main_visual_slide .items div{position:absolute; bottom:0; left:0; width:100%; background:rgba(0, 0, 0, 0.7); z-index:999; font-size:20px; color:#fff; line-height:24px; padding:3% 4%;}
.main_visual_slide .items div strong{display:block;}


/* Sub */

.sub_title{position:relative; height:104px; border-bottom: 1px solid #e4e4e4;}
.sub_title h2{color:#41a0da; font-size:20px; font-weight: 700; padding-top:15px; text-align: center;}
.sub_title h3{color:#aeaeae; font-size:12px; font-weight: 400; padding-top:8px; text-align: center;}
.sub_title h3 em{color:#868686;}
.sub_title div{position: absolute; width:13px; height: 1px; top:47px; left:50%; margin-left: -7px; background-color:#41a0da; }
.container{width:100%; margin:0 auto; text-align: left;}
.container .contents_wrap{text-align: center; position:relative;padding-bottom:26.5%; }
.container .contents_wrap img{width:100%;}
.container .contents_wrap.pb0 { padding-bottom:0; }
.container .boardWrap {position:relative; width:90%; margin:25px auto; }
.container .boardWrap .contentWrapper img { width:100%; }





.gallery_list li p.img{width:100%; padding-top:26.5%; position:relative; overflow:hidden;}
.gallery_list li p.img img{position:absolute; top:0; left:0; right:0;bottom:0; width:100%; height:100%; object-fit: cover;}

.container .boardWrap {position:relative; width:90%; margin:25px auto; }
	@media (max-width:640px) {
	.container .boardWrap .gallery_list li {flex:0 0 100%; margin:2%; width:90%; }
	}

.contents_wrap .txt_list{ margin-top:20px; text-align: left;}
.contents_wrap .txt_list li{padding:0 0 5px 20px; background:url("/images/common/icon_txt_bl.gif") 0 2px no-repeat;}
.contents_wrap .txt_con{padding:20px 30px; color:#a9a9a9; background-color:#f4f4f4; margin-top:20px; text-align: left; line-height: 24px;}
.contents_wrap .txt_con li{margin-left: 14px; text-indent: -14px;}

.premium_btn{position:absolute; top:34.2%; right:0;}
.premium_btn img{margin-top:-29px;}

/*sub2*/
.table_style1{width:90%; margin-top:50px;}
.table_style1 tr{margin-bottom:50px;}
.table_style1 tr.table_tr{height:30px;}

/*sub1_6*/
.contents_wrap .daum_map{width:100%; margin-top:50px; text-align:center;}
.addr { width:100%; height:65px; font-size:16px; color:#333; background:#E3E4C4; line-height:26px; padding-top:20px; }
.addr a { font-size:16px; color:#333; }
.addr span { margin:0 10px; }

/*footer*/
footer{ position:relative; width:100%; color:#666; background-color:#ffffff; text-align: center; border-top:1px solid #e6e6e6; background:#eee;}
footer > address{ color: #666; font-size:14px;  padding:25px 0 25px;}
footer > address a { color: #666; font-size:14px;  }

footer>.family img{width:100%;}




/*관심고객등록*/
.inner_sub_content h3{padding:0; font-size:16px; color:#222; width:calc(100% - 0px); margin:15px auto 10px; font-weight:600}
.interestWrap { position:relative; padding:0 4.6875%; margin-top:5%; text-align:left; }
.arg{font-size:14px; color:#555; line-height:150%; width:calc(100% - 20px); margin:0 auto; border:1px solid #ddd; padding:10px; height:180px; overflow:auto;}
.arg_form{font-size:14px; color:#555; line-height:150%; width:100%; margin:10px auto 0; text-align:center;}
.formwrap{font-size:14px; color:#555; line-height:150%; width:100%; margin:0 auto;}
.formwrap input[type=text]{padding:0; width:100%; height:40px; text-indent:10px; border:1px solid #ddd; border-radius:5px; color:#555;font-size:inherit; font-family:inherit; line-height:inherit;  background:url(none); -webkit-border-radius:1px; -webkit-apprearance:none; 
box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));
background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);
background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);
background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);
background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%); 
margin-bottom:10px;}
.formwrap input.input_txt1{padding:0; width:60%; border:1px solid #ddd; border-radius:5px; color:#555; 
box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));
background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);
background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);
background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);
background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%); 
margin-bottom:10px; float:left;}

.hypen { display:block; float:left; padding:1%; }

.formwrap input.input_txt3{padding:0; width:18%; border:1px solid #ddd; border-radius:5px; color:#555; 
box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));
background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);
background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);
background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);
background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%); 
margin-bottom:10px; float:left;}

.etcCont { padding:10px; width:calc(100% - 10px); height:80px; border:1px solid #ddd; border-radius:5px; color:#555;font-size:inherit; font-family:inherit; line-height:inherit;  background:url(none); -webkit-border-radius:1px; -webkit-apprearance:none; 
box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
background:-moz-linear-gradient(top, #e7e7e8 1%, #f1f1f2 30%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#e7e7e8), color-stop(30%,#f1f1f2));
background:-webkit-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);
background:-o-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);
background:-ms-linear-gradient(top, #e7e7e8 1%,#f1f1f2 30%);
background:linear-gradient(to bottom, #e7e7e8 1%,#f1f1f2 30%); 
margin-bottom:10px; }
.btn_style1{padding:10px; width:37%; border:1px solid #ccc; border-radius:5px; outline:0; text-align:center; font-weight:600; color:#fff; font-size:12px; background:#444; box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; float:right;}

.btn_style2{padding:10px; width:100%; border:1px solid #a24755; border-radius:5px; outline:0; text-align:center; font-weight:600; color:#fff; font-size:12px; background:#E77F04; box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}


/* map */
.map_con{margin-bottom: 10px}
.map_con h2{position:relative; margin-bottom:14px; font-size:23px; color:#404041; font-weight:600; padding-top:30px; }
.map_con .map{position:relative; width:100%; height:300px;}
.map_con .con{font-size: 16px; margin-top:20px; line-height:32px;}
.map_con .con a{display: block; width:100%; height:32px; line-height:32px;  color:#fff; background-color: #92b53d; font-size: 16px; text-align: center;}

/*btn*/
.btn{margin:0 2px; width:75px; height:30px; line-height:30px; display:inline-block; text-align:center; font-size:12px; color:#fff; font-weight:600;}
.btn:hover{color:#fff;}
.btn-pink{background-color:#ed0578;}
.btn-gray{background-color:#a6a6a6;}

/*약관*/
.terms h1{font-size:13px; font-weight:400;}
.terms h2{margin-bottom:0; padding:20px 0 10px; font-size:14px; font-weight:400;}
.terms h2:first-child{padding-top:0;}
.terms p{margin-bottom:10px; }
.terms ul li{margin-bottom:5px;}

/*리스트 페이지*/
.list_wrap{width:96%; padding-left:2%;}
.list_wrap ul li{padding:10px 0; line-height: 25px; border-bottom: 1px solid #e0e5e8;}
.list_wrap ul li:first-child{border-top:2px solid #41a0da;}
.list_wrap ul li dl dt{float: left; width:90%;color:#505c78; font-size: 15px; text-align: left; padding-bottom: 5px;}
.list_wrap ul li dl:after{clear:both;content: '';display:block;}
.list_wrap ul li:after{clear:both;content: ''; display:block;}
.list_wrap ul li dl dd{float: left;}
.list_wrap ul li dl dd.num{width:10%; font-size:15px; color:#41a0da; text-align:}

.list_wrap ul li dl dd.date{color:#afafaf;}
.list_wrap ul li dl dd.media{color:#afafaf; padding-left:10%; text-align: center;}




.page_list{text-align:center; margin-top: 30px;}
.page_list a{margin:0 2px; width:28px; height:28px; line-height:28px; display:inline-block; text-align:center; border:1px solid #bcc2c7; font-size:12px; color:#919bac; vertical-align: top;}
.page_list a.on{ width:26px; height:26px; line-height:26px; border:1px solid #41a0da; font-weight:600; color:#41a0da;}
.page_list a.arrow{border:none;}
.page_list a.arrow img{width:30px;}
.page_list a.arrow.mr{margin-right: 10px;}
.page_list a.arrow.ml{margin-left: 10px;}



/*뷰 페이지*/
.view_wrap{}
.view_wrap .title_con{padding:15px 15px; line-height: 25px; border-top:1px solid #7e4e3a; border-bottom: 1px solid #cdd2d6;}
.view_wrap .title_con .num{ font-size:18px; color:#373737; text-align: center; font-weight: 700; display:inline-block;}
.view_wrap .title_con .title{ color:#203341; font-size: 16px; padding-left:30px; text-indent:0px ; display:inline-block; margin-top:-30px;}
.view_wrap .ect_con{padding:10px 10px; line-height: 30px; color:#8e969c;}
.view_wrap .ect_con .date{width:100px; color:#8e969c; padding-right: 30px;}
.view_wrap .ect_con .count{width:80px; padding-left:20px;  padding-right: 20px; color:#8e969c; background:url("/images/common/icon_count.gif") 0 50% no-repeat;}
.view_wrap .ect_con .right_con{float: right;}
.contants_con{padding:20px 15px;  border-top:1px solid #cdd2d6; border-bottom: 1px solid #cdd2d6; margin-bottom: 30px;}

.view_wrap .btn_box{text-align: right;}



/* tab */
.tab{display:table; width:100%;  height:35px; margin-bottom: 35px;}
.tab li{padding:0%; float: left; width:20%;} 
.tab a{display:block; position: relative; height:35px; line-height:35px; font-size:12px; border:1px solid #dddbde; border-left:none; text-align:center; color:#646464; letter-spacing: 1px;}
.tab li:nth-child(6n) a, .tab li:first-child a{border-left:1px solid #dddbde;}
.tab a.on{display:block; color:#0060b0;}
.tab a.on:after{display: block; position: absolute; width:100%; height: 2px; top:-1px; left:0; background-color: #0060b0; content: '';}


.overview_tab .tab_contents{position:relative;}

.webtoon_btn_con{position:relative; margin-top:50px; padding-top:20px; border-top:1px solid #cdd2d6; text-align: right; }
.webtoon_btn_con a{padding:10px 15px; color:#fff; background-color: #a32958;}
.webtoon_btn_con a.next{background-color: #58595a;}
.webtoon_btn_con a.prev{position:absolute; top:10px; left:0; background-color: #58595a}




/* slider */
.flexslider {
  position: relative;
  width:100%;
}
.flexslider ul li img {width:100%;}
.flex-direction-nav{display:none;}
.flex-viewport{}
.flex-viewport .slides{position: relative;}
.flex-control-nav{
  position:absolute;
  top:47.435%;
  right:4%;
  z-index: 99;
  height: 100%;
  width:2.968%;
}
.flexslider-controls{height: 100%;width:100%;}
.flex-control-nav li {
  background:url('/mobile/images/main/dot0.png') no-repeat;
  background-size:100% 100%;
  cursor: pointer;
  width:100%;
  height: 10.512%;
  text-indent:-99999px;
  font-size:0;
  margin-bottom:100%;
}

.flex-control-nav .flex-active {
  background: url('/mobile/images/main/dot1.png') no-repeat;
  background-size:100% 100%;
}

.main_visual-control-nav{
  position:absolute;
  top:70.10%;
  z-index: 99;
  height: 100%;
  width:100%;
  text-align:center;
}

.main_visual-control-nav li {
  background:url('/mobile/images/main/v_control_off.png') no-repeat;
  background-size:100% 100%;
  cursor: pointer;
  width:3.437%;
  height:4.68%;
  display:inline-block;
  text-indent:-99999px;
  font-size:0;
  margin:0 0.5%;
}

.main_visual-control-nav .flex-active {
  background: url('/mobile/images/main/v_control_on.png') no-repeat;
  background-size:100% 100%;
}


.openflag { position:absolute; top:0; right:5%; z-index:999; width:28.281%;}
.openflag img { width:100%}

.banner { position:relative; width:100%; font-size:0; padding-bottom:; background:#eee; z-index:99;}
.banner li { position:relative; display:inline; }
.banner li img { width:33.33%;}

.brand img {width:100%;}

.disblk { display:block; }



/*****pop**********/
.layer_pop { padding:10px 10px 25px; min-width:170px; display:none; position:absolute; border:1px solid #ccc; background:#efefef; z-index:9999999999; }
.popContents { width:100%; height:100%; }
.popBtns { width:100%;  cursor:pointer; font-size:12px; }
.popBtns input { margin-right:5px; }
.popBtns span { display:block; position:absolute; }
.popBtns span:nth-child(1) { left:10px; bottom:10px;}
.popBtns span:nth-child(2) { right:10px;bottom:17px; }



/************************************************************/
/*제품 소개*/
/************************************************************/
.product_list{width:95%; margin:0 auto;}
.product_list h3{margin:5% 0; font-size:30px; color:#404040; text-align:left; font-weight:600;}
.product_list ul{display:flex; flex-wrap: wrap; gap:10px;}
.product_list li{flex:0 0 calc(100% / 2 - 5px); overflow:hidden;}
.product_list li p{width: 100%;padding-top:60%; position: relative;}
.product_list li p img{position: absolute; top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;object-fit: cover;}
.product_list li p + p{height:auto; background:#dbd9da; font-size:22px; padding:12px 20px ; text-align:left; font-weight:500;}

@media screen and (max-width: 480px){
	.product_list h3{font-size:26px;}
	.product_list li{flex:0 0 100%;}
}
@media screen and (max-width: 420px){
	.product_list h3{font-size:22px;}
	.product_list li p + p{font-size:18px;}
}

.product_box_list ul{padding:60px 5% 0; display:flex; flex-wrap: wrap; gap:2%;}
.product_box_list li{flex:0 0 calc(100% / 2 - 1%); margin-bottom:2%; border:1px solid #ddd; box-sizing:border-box; cursor:pointer;}
.product_box_list li img{max-width:100%;}
.product_box_list li p + p{padding:10px 0; width:100%; background:#efefef; font-size:20px; font-weight:600;}


@media screen and (max-width: 480px){
	.product_box_list li{flex:0 0 100%;}
	.product_box_list li p + p{font-size:16px;}
}