@charset "utf-8";
* {
	margin: 0; padding: 0; font-size: 12px; font-family: NanumGothic, 나눔고딕, "Malgun Gothic", Dotum, Gulim, Helvetica, Apple-Gothic;
	-webkit-text-size-adjust: none; font-style:normal;
}
body {
  /* line-height: 1.250em; */
  color: #666;
  word-wrap: break-word;
  word-break: break-all;
  background-color: #fff;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
	text-align: left;
}
img, input, button, select, textarea {vertical-align: middle;}
a {text-decoration: none; color: #444;}
ul, ol, li {margin: 0; list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
form, fieldset, button {border:none;}
legend, caption {display: none;}
input[type="radio"], input[type="checkbox"] {border: 0;}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="password"] {height: 26px;}
.spl_icon01 {background:url("../images/icon/splite_icon01.png") 0 0 no-repeat;}
.w_box {display:block;}
.m_box {display:none;}

@media screen and (min-width: 1025px) {
	/* layout */
	#body_wrap01 {background:#fff;}
	#wrapper2 {overflow:hidden; position:relative;}
	#header {position:relative; width:100%; height:99px; background-color:#fff; border-bottom:1px solid #1f3f7c; z-index:100;}
	#first {position: relative; overflow:hidden; width:100%; height:825px; margin:0 auto;}
	#second {position: absolute; top:380px; height:940px; margin:0 0 -15px 0; background: url("../images/bg/bg_main_gradation.png") 50% 20px repeat-x fixed;}
	.contents {position:relative; overflow:hidden; width:100%;}

	/* header */
	#header div.gnb {width:980px; margin:0 auto;}
	h1 {position:relative; z-index:0;}
	h1 a{overflow:hidden; display:block; float:left; width:120px; height:30px; margin-top:20px; background:url("../images/title/clalen_logo.gif") 0 0 no-repeat;}
	.menu_all {display:none;}
	.m_nav {display:none;}
	.nav {overflow:hidden; padding:31px 0 0 110px;}
	.nav ul.gnb_menu {overflow:hidden; float:left;}
	.gnb_menu li {float:left; padding-right:42px;}
	.gnb_menu .gm_last {padding-right:0;}
	.gnb_menu li a {font-size:18px; /* line-height:20px; */ color:#aaafb5;}
	.gnb_menu li a:hover,
	.gnb_menu li a.selected:hover,
	.gnb_menu li a.selected {color:#1f3f7c; font-weight:bold;}

	.nav ul.sub_menu {float:right; width:220px;}
	.sub_menu li {float:left;}
	.sub_menu li a {display:inline-block; height:14px; padding:8px 0 7px 29px; font-size:13px; color:#1f3f7c; font-weight:bold;}

	.sub_menu .sub_menu01 .spl_icon01 {width:97px; background-position:-3px 0;}
	.sub_menu .sub_menu02 .spl_icon01 {width:55px; padding:8px 0 7px 29px; background-position:-3px -34px;}

	.customer_service {padding-top:14px; text-align:right;}
	.customer_service a {font-size:1em; color:#888; margin-left:15px;}
	/* /header */

	/* sub_gnb */
	.sub_gnb{display:none; position:absolute; top:100px; left:0; width:100%; height:216px; background:url("../images/bg/bg_sub_gnb.png") 0 0 repeat-x; z-index:1000;}
	.sub_gnb02 {height:54px;}
	.sub_gnb > ul.sub_gnb_item {display:none;}
	.sub_gnb > ul{overflow:hidden; position:absolute; top:0; left:50%; width:980px; margin-left:-300px;}
	.sub_gnb01 > ul{margin-left:-215px;}
	.sub_gnb02 > ul{margin-left:-315px;}
	.sub_gnb03 > ul{margin-left:-285px; text-align:right;}
	.sub_gnb > ul > li{float:left; width:245px;}
	.sub_gnb > ul > li:first-child{width:221px;}
	.sub_gnb > ul > li a{display:block; padding:20px 0 13px; color:#78808f; font-size:16px; font-weight:bold; line-height:normal;}
	.sub_gnb > ul > li a:hover{color:#1f3f7c;}
	.sub_gnb > ul > li ul.depth2{padding-top:20px;}
	.sub_gnb > ul > li ul.depth2 li {float:none; padding-right:0;}
	.sub_gnb > ul > li ul.depth2 a{display:block; padding:0 0 13px 0; color:#828d99; font-size:13px;}
	.sub_gnb > ul > li ul.depth2 a:hover{color:#3573ab; font-weight:bold;}

	/* footer_wrap */
	#footer_wrap {position:relative; left:0; bottom:0; padding-bottom: -17px; overflow:hidden; width:100%; background:url("../images/bg/bg_foot.png") left top repeat-x;}
	.footer {overflow:hidden; width:980px; height:175px; margin:0 auto; padding-top:20px;}
	.footer .how_use {padding:10px 0 17px 45px; border-bottom:1px solid #9fa4aa; background:url("../images/icon/icon_kmdia.gif") 0 0 no-repeat; color:#9fa4aa;}
	.footer dl {overflow:hidden; float:left; margin:16px 0 20px;}
	.footer dl.company_intro {margin-left:50px;}
	.footer dl dt {float:left; margin-right:17px; color:#5e6d88; font-size:1em; font-weight:bold;}
	.footer dl dd {float:left; padding-right:18px;}
	.footer dl dd a {color:#9fa4aa;}
	address {clear:both; color:#9fa4aa; font-size:1em;}
	.review_num {overflow:hidden; display:block; font-size:12px; color:#aaa; line-height:20px; text-align:right;}
	.social {overflow:hidden; position:relative; z-index:0; float:right; margin:19px 8px 0 0;}
	.social_icon01 {display:inline-block; width:32px; height:32px; margin-right:8px; background:url("../images/icon/icon_facebook.gif") 0 0 no-repeat;}
	.social_icon02 {display:inline-block; width:32px; height:32px; background:url("../images/icon/icon_blog.gif") 0 0 no-repeat;}
	/* /footer_wrap */

	/* common */
	.ir {overflow:hidden; display:block; position:absolute; top:0; left:0; width:0; height:0; z-index:-1;}

	/* content */

	.main01 .maintxt{background:url("../images/txt/txt_main01.png") 0 0 no-repeat;}
	.main02 .maintxt{background:url("../images/txt/txt_main02.png") 0 0 no-repeat;}
	.main03 .maintxt{background:url("../images/txt/txt_main03.png") 0 0 no-repeat;}

	.clalen_meet {position:fixed; bottom:0; left:50%; margin-left:-60px; background:url("../images/btn/btn_contentsView.png") 0 0 no-repeat; z-index:100;}
	.clalen_meet a {display:block; width:120px; height:63px;}

	.txtexplain{text-align:center;}

	.maintxt{overflow:hidden; position:absolute; top:70px; left:50%; width:226px; height:154px; margin-left:-445px; z-index:0;}
	.mainexplain{position:absolute; top:248px; left:50%; margin-left:-445px; color:#66696e; font-size:20px; line-height:24px; letter-spacing:-1px; z-index:0;}
	.mainexplain span{color:#66696e; font-size:20px; font-weight:bold;}

	.clalen_onday,
	.clalen_adver,
	.clalen_iris2,
	.clalen_iris,
	.clalen_55s,
	.clalen_storesearch,
	.clalen_freerequest,
	.clalen_lenssearch,
	.clalen_guide {position:absolute;}

	.clalen_onday {top:478px; right:50%; width:359px; height:360px; margin-right:111px; background:url("../images/bg/img_clalen_onday.png") 0 0 no-repeat;}
	.clalen_adver {top:442px; right:50%; width:155px; height:194px; margin-right:9px; background:url("../images/bg/bg_clalen_cf.png") 0 0 no-repeat;}
	.clalen_iris2 {top:627px; left:50%; width:207px; height:208px; margin-left:-30px; background:url("../images/bg/bg_clalen_iris2.png") 0 0 no-repeat;}
	.clalen_iris {top:437px; left:50%; width:323px; height:324px; margin-left:154px; background:url("../images/bg/bg_clalen_iris.png") 0 0 no-repeat;}
	.clalen_55s {top:840px; right:50%; width:180px; height:181px; margin-right:305px;; background:url("../images/bg/bg_55s.png") 0 0 no-repeat;}
	.clalen_storesearch {top:955px; right:50%; width:144px; height:180px; margin-right:193px; background:url("../images/bg/bg_shop_search.png") 0 0 no-repeat;}
	.clalen_freerequest {top:811px; left:50%; width:293px; height:294px; margin-left:-210px; background:url("../images/bg/bg_free_experience.png") 0 0 no-repeat;}
	.clalen_lenssearch {top:838px; left:50%; width:293px; height:294px; margin-left:107px; background:url("../images/bg/bg_lense_search.png") 0 0 no-repeat;}
	.clalen_guide {top:775px; left:50%; width:126px; height:157px; margin-left:338px; background:url("../images/bg/bg_clalen_guide.png") 0 0 no-repeat;}

	.circle01, .circle02, .circle03, .circle04, .circle05 {display:block; width:100%; height:100%;}

	.circle01 strong {display:block; font-size:34px; /* line-height:41px; */ color:#fff; letter-spacing:-1px; text-align:center;}
	.circle01 strong span{display:block; font-size:24px; /* line-height:28px; */ font-weight:normal;}

	.circle01.onday_img {background:url("../images/img/img_clalen_onday.png") center 54px no-repeat;}
	.circle01.onday_img strong {padding:150px 0 30px 0;}
	.circle01.iris_img {background:url("../images/img/img_clalen_iris.png") center 57px no-repeat;}
	.circle01.iris_img strong {padding:144px 0 30px 0;}

	.circle01 .txtexplain {font-size:22px; /* line-height:24px; */}

	.circle01.onday_img .txtexplain {color:#fff;}
	.circle01.iris_img .txtexplain {color:#ffd4dc;}

	.circle02.adver_img {background:url("../images/icon/img_icon_01.png") center 73px no-repeat;}
	.circle02.storesearch_img {background:url("../images/icon/img_icon_02.png") center 60px no-repeat;}
	.circle02.guide_img {background:url("../images/icon/img_icon_03.png") center 57px no-repeat;}

	.circle02 strong {display:block; font-size:20px; /* line-height:20px; */ color:#222; letter-spacing:-1px; text-align:center;}
	.circle02.adver_img strong {padding-top:124px;}
	.circle02.storesearch_img strong{padding-top:120px;}
	.circle02.guide_img strong {padding-top:105px; font-size:18px; /* line-height:18px; */}

	.circle03 strong{display:block; padding:53px 0 21px; color:#fff; font-size:26px; /* line-height:26px; */ letter-spacing:-1px; text-align:center;}
	.circle03 .txtexplain{color:#fff; font-size:14px; /* line-height:20px; */}

	.circle04 strong{display:block; padding:68px 0 21px; color:#222; font-size:24px; /* line-height:24px; */ letter-spacing:-1px; text-align:center;}
	.circle04 .txtexplain{color:#222; font-size:15px; /* line-height:22px; */}

	.circle05 .txtexplain {font-size:14px;}
	.circle05.lenssearch_img .txtexplain, .circle05.lenssearch_img span {color:#222;}

	.circle05 strong {display:block; padding:160px 0 15px 0; font-size:30px; /* line-height:34px; */ letter-spacing:-1px; text-align:center;}
	.circle05 strong span{display:block; font-size:20px; /* line-height:34px; */ font-weight:normal;}


	.circle05.freerequest_img {background:url("../images/img/img_clalen_freerequest02.png") center 60px no-repeat;}
	.circle05.lenssearch_img {background:url("../images/img/img_clalen_lenssearch02.png") center 60px no-repeat;}
	.circle05.lenssearch_img strong{color:#444; font-size:30px; /* line-height:37px; */}

	/* banner */
	.banner{display:block; width:100%; height:100px; background:url("../images/bg/bg_banner.jpg") 0 0 no-repeat; z-index:101;}
	.banner div{position:relative; width:980px; margin:0 auto; padding-top:12px; text-align:center;}
	.banner div img {margin:0 auto;}
	.banner div button{overflow:hidden; display:block; position:absolute; top:30px; right:0; width:40px; height:40px; background:url("../images/btn/btn_bannerclose.png") 0 0 no-repeat; cursor:pointer;}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {

	/* layout */
	/* #body_wrap01 #first{background:url("../images/bg/bg_main01.png") 50% 0 no-repeat;} */
	#body_wrap01 {background:#fff;}
	#wrapper2 {overflow:hidden; position:relative;}
	#header {position:relative; width:100%; height:99px; background-color:#fff; border-bottom:1px solid #1f3f7c; z-index:100;}
	/*#container {margin-top:100px;}*/
	#first {position: relative; overflow:hidden; width:100%; height:1610px; margin:0 auto;}
	#second {position: absolute; top:380px; height:1380px; margin:0 0 -15px 0; background: url("../images/bg/bg_main_gradation.png") 50% 20px repeat-x fixed;}
	.contents {position:relative; overflow:hidden; width:100%;}

	/* header */
	#header > div {width:100%; margin:0 auto;}
	h1 {position:relative; z-index:0;}
	h1 a{overflow:hidden; display:block; float:left; width:120px; height:30px; margin-top:20px; background:url("../images/title/clalen_logo.gif") 0 0 no-repeat;}
	.menu_all {display:none;}
	.m_nav {display:none;}
	.nav {overflow:hidden; margin:31px 0 0 20%;}
	.nav ul.gnb_menu {overflow:hidden; float:left; width:65%;}
	.gnb_menu li {float:left; width:33%; text-align:center;}
	.gnb_menu li a {font-size:16px; line-height:20px; color:#aaafb5;}
	.gnb_menu li a:hover,
	.gnb_menu li a.selected:hover,
	.gnb_menu li a.selected {color:#1f3f7c; font-weight:bold;}

	.nav ul.sub_menu {overflow:hidden; float:right;}
	.sub_menu li {float:left;}
	.sub_menu li a {overflow:hidden; display:block; height:13px; padding:8px 0 8px 29px; font-size:13px; color:#1f3f7c; font-weight:bold;}
	.sub_menu li a span {display:block; height:13px;}
	.sub_menu .sub_menu01 .spl_icon01 {background-position:-3px 0;}
	.sub_menu .sub_menu02 .spl_icon01 {margin-left:16px; background-position:-3px -34px;}

	.customer_service {padding-top:14px; text-align:right;}
	.customer_service a {font-size:1em; color:#888; margin-left:15px;}
	/* /header */

	/* sub_gnb */
	.sub_gnb{display:none; position:absolute; top:100px; left:0; width:100%; height:216px; background:url("../images/bg/bg_sub_gnb.png") 0 0 repeat-x; z-index:1000;}
	.sub_gnb02 {height:54px;}
	.sub_gnb > ul{overflow:hidden; position:absolute; top:0; left:50%; width:65%; margin-left:-32.5%;}
	.sub_gnb > ul > li{float:left; width:33%;}
	.sub_gnb > ul > li:first-child{width:34%;}
	.sub_gnb > ul > li.g_last{width:43%;}
	.sub_gnb > ul > li a{display:block; padding:20px 0 18px; color:#78808f; font-size:16px; font-weight:bold;}
	.sub_gnb > ul > li a:hover{color:#1f3f7c;}
	.sub_gnb > ul > li ul.depth2{padding-top:20px;}
	.sub_gnb > ul > li ul.depth2 li {float:none; width:100%;}
	.sub_gnb > ul > li ul.depth2 a{display:block; padding:0 0 13px 0; color:#828d99; font-size:13px; line-height:normal;}
	.sub_gnb > ul > li ul.depth2 a:hover{color:#3573ab; font-weight:bold;}

	/* footer_wrap */
	#footer_wrap {position:relative; left:0; bottom:0; padding-bottom: -17px; overflow:hidden; width:100%; background:url("../images/bg/bg_foot.png") left top repeat-x;}
	.footer {overflow:hidden; width:95%; max-width:980px; height:175px; margin:0 auto; padding-top:20px;}
	.footer .how_use {padding:10px 0 17px 45px; border-bottom:1px solid #9fa4aa; background:url("../images/icon/icon_kmdia.gif") 0 0 no-repeat;}
	.footer dl {overflow:hidden; float:left; margin:16px 0 20px;}
	.footer dl.company_intro {margin-left:50px;}
	.footer dl dt {margin-bottom:9px; color:#5e6d88; font-size:1em; font-weight:bold;}
	.footer dl dd {float:left; padding-right:15px;}
	.footer dl dd a {color:#9fa4aa;}
	address {clear:both; color:#9fa4aa; font-size:1em;}
	.review_num {overflow:hidden; display:block; font-size:12px; color:#aaa; line-height:20px; text-align:right;}
	.social {overflow:hidden; position:relative; z-index:0; float:right; margin:19px 8px 0 0;}
	.social_icon01 {display:inline-block; width:32px; height:32px; margin-right:8px; background:url("../images/icon/icon_facebook.gif") 0 0 no-repeat;}
	.social_icon02 {display:inline-block; width:32px; height:32px; background:url("../images/icon/icon_blog.gif") 0 0 no-repeat;}
	/* /footer_wrap */

	/* common */
	.ir {overflow:hidden; display:block; position:absolute; top:0; left:0; width:0; height:0; z-index:-1;}

	/* content */

	.main01 .maintxt{background:url("../images/txt/txt_main01.png") 0 0 no-repeat;}
	.main02 .maintxt{background:url("../images/txt/txt_main02.png") 0 0 no-repeat;}
	.main03 .maintxt{background:url("../images/txt/txt_main03.png") 0 0 no-repeat;}

	.clalen_meet {display:none;}

	.txtexplain{text-align:center;}

	.maintxt{overflow:hidden; position:absolute; top:70px; left:50%; width:226px; height:154px; margin-left:-40%; z-index:0;}
	.mainexplain{position:absolute; top:248px; left:50%; margin-left:-40%; color:#66696e; font-size:20px; line-height:24px; letter-spacing:-1px; z-index:0;}
	.mainexplain span{color:#66696e; font-size:20px; font-weight:bold;}

	.clalen_onday,
	.clalen_adver,
	.clalen_iris2,
	.clalen_iris,
	.clalen_55s,
	.clalen_storesearch,
	.clalen_freerequest,
	.clalen_lenssearch,
	.clalen_guide {position:absolute;}

	.clalen_onday {top:478px; right:50%; width:359px; height:360px; margin-right:-40px; background:url("../images/bg/img_clalen_onday.png") 0 0 no-repeat;}
	.clalen_adver {top:442px; right:50%; width:155px; height:194px; margin-right:-157px; background:url("../images/bg/bg_clalen_cf.png") 0 0 no-repeat;}
	.clalen_iris2 {top:627px; left:50%; width:207px; height:208px; margin-left:115px; background:url("../images/bg/bg_clalen_iris2.png") 0 0 no-repeat;}
	.clalen_iris {top:840px; left:50%; width:323px; height:324px; margin-left:-20px; background:url("../images/bg/bg_clalen_iris.png") 0 0 no-repeat;}
	.clalen_55s {top:850px; right:50%; width:180px; height:181px; margin-right:100px;; background:url("../images/bg/bg_55s.png") 0 0 no-repeat;}
	.clalen_storesearch {top:1200px; right:50%; width:144px; height:180px; margin-right:-320px; background:url("../images/bg/bg_shop_search.png") 0 0 no-repeat;}
	.clalen_freerequest {top:1060px; left:50%; width:293px; height:294px; margin-left:-260px; background:url("../images/bg/bg_free_experience.png") 0 0 no-repeat;}
	.clalen_lenssearch {top:1350px; left:50%; width:293px; height:294px; margin-left:-40px; background:url("../images/bg/bg_lense_search.png") 0 0 no-repeat;}
	.clalen_guide {top:1400px; left:50%; width:126px; height:157px; margin-left:-200px; background:url("../images/bg/bg_clalen_guide.png") 0 0 no-repeat;}
	.circle01, .circle02, .circle03, .circle04, .circle05 {display:block; width:100%; height:100%;}

	.circle01 strong {display:block; font-size:34px; line-height:41px; color:#fff; letter-spacing:-1px; text-align:center;}
	.circle01 strong span{display:block; font-size:24px; line-height:28px; font-weight:normal;}

	.circle01.onday_img {background:url("../images/img/img_clalen_onday.png") center 54px no-repeat;}
	.circle01.onday_img strong {padding:150px 0 30px 0;}
	.circle01.iris_img {background:url("../images/img/img_clalen_iris.png") center 57px no-repeat;}
	.circle01.iris_img strong {padding:144px 0 30px 0;}

	.circle01 .txtexplain {font-size:22px; line-height:24px;}

	.circle01.onday_img .txtexplain {color:#fff;}
	.circle01.iris_img .txtexplain {color:#ffd4dc;}

	.circle02.adver_img {background:url("../images/icon/img_icon_01.png") center 73px no-repeat;}
	.circle02.storesearch_img {background:url("../images/icon/img_icon_02.png") center 60px no-repeat;}
	.circle02.guide_img {background:url("../images/icon/img_icon_03.png") center 57px no-repeat;}

	.circle02 strong {display:block; font-size:20px; line-height:20px; color:#222; letter-spacing:-1px; text-align:center;}
	.circle02.adver_img strong {padding-top:124px;}
	.circle02.storesearch_img strong{padding-top:120px;}
	.circle02.guide_img strong {padding-top:105px; font-size:18px; line-height:18px;}

	.circle03 strong{display:block; padding:53px 0 21px; color:#fff; font-size:26px; line-height:26px; letter-spacing:-1px; text-align:center;}
	.circle03 .txtexplain{color:#fff; font-size:14px; line-height:20px;}

	.circle04 strong{display:block; padding:68px 0 21px; color:#222; font-size:24px; line-height:24px; letter-spacing:-1px; text-align:center;}
	.circle04 .txtexplain{color:#222; font-size:15px; line-height:22px;}

	.circle05 .txtexplain {font-size:14px;}
	.circle05.lenssearch_img .txtexplain, .circle05.lenssearch_img span {color:#222;}

	.circle05 strong {display:block; padding:160px 0 15px 0; font-size:30px; line-height:34px; letter-spacing:-1px; text-align:center;}
	.circle05 strong span{display:block; font-size:20px; line-height:34px; font-weight:normal;}


	.circle05.freerequest_img {background:url("../images/img/img_clalen_freerequest02.png") center 60px no-repeat;}
	.circle05.lenssearch_img {background:url("../images/img/img_clalen_lenssearch02.png") center 60px no-repeat;}
	.circle05.lenssearch_img strong{color:#444; font-size:33px; line-height:37px;}

	/* banner */
	.banner{display:block; width:100%; height:100px; background:url("../images/bg/bg_banner.jpg") 0 0 no-repeat; z-index:101;}
	.banner div{position:relative; width:95%; margin:0 auto; padding-top:12px; text-align:center;}
	.banner div img {margin:0 auto;}
	.banner div button{overflow:hidden; display:block; position:absolute; top:30px; right:0; width:40px; height:40px; background:url("../images/btn/btn_bannerclose.png") 0 0 no-repeat; cursor:pointer;}
}

@media screen and (max-width: 767px) {
	/* layout */
	#body_wrap01 #first{background:url("../images/mobile/bg/bg_main01.png") center 0 no-repeat; background-size:100% auto;}
	#wrapper2 {overflow:hidden; position:relative;}
	#header {overflow:hidden; width:100%; background-color:#fff; border-bottom:1px solid #1f3f7c; z-index:100;}
	#first {position: relative; overflow:hidden; width:100%; height:1010px; margin:0 auto;}
	#second {position: absolute; top:226px; height:940px; margin:0 0 -15px 0; background: url("../images/bg/bg_main_gradation.png") 50% -226px repeat-x fixed; z-index:-1;}
	.contents {position:relative; overflow:hidden; width:100%;}

	/* header */
	#header > div {position:relative; overflow:hidden; width:100%; height:50px;}
	h1 a{overflow:hidden; display:block; width:80px; height:20px; margin:15px auto 0; background:url("../images/mobile/title/clalen_logo.gif") 0 0 no-repeat;
		background-size: 80px 20px;
	}
	.menu_all {position:absolute; display:block; top:10px; left:10px; width:35px; height:32px; background:url("../images/mobile/btn/menu_all.gif") 0 0 no-repeat;
		background-size: 35px 32px;
	}
	.nav {overflow:hidden; position:absolute; top:7px; right:10px;}
	.nav ul.gnb_menu {display:none;}

	.nav ul.sub_menu {overflow:hidden;}
	.sub_menu li {float:left;}
	.sub_menu li a {overflow:hidden; display:block; width:27px; height:34px;}
	.sub_menu li a span {display:none;}
	.sub_menu .sub_menu01 .spl_icon01 {margin-right:10px; background:url("../images/mobile/btn/btn_map_find.gif") 0 0 no-repeat;
		background-size: 27px 34px;
	}
	.sub_menu .sub_menu02 .spl_icon01 {background:url("../images/mobile/btn/btn_cf.gif") 0 0 no-repeat;
		background-size: 27px 34px;
	}

	.customer_service {display:none;}

	.m_nav {position: absolute; top:0; left:0; bottom:0; width:240px; z-index:20; display:none; background-color:#fff;}
	.m_nav .scroller {height: 700px;}
	
	.m_nav h1 {padding:19px 0 19px 10px; font-size:16px; color:#fff; background-color:#1f3f7c;}
	.m_nav h2 a {display:block; padding:17px 0 17px 10px; font-size:16px; color:#1f3f7c; border-bottom:1px solid #dbe2eb; background:url("../images/mobile/btn/m_btn_open02.gif") 95% center no-repeat;
		background-size:19px 11px;
	}
	.m_nav h2 a.on {background:url("../images/mobile/btn/m_btn_close02.gif") 95% center no-repeat;
		background-size:19px 11px;
	}
	.m_nav .m_nav_sub {overflow:hidden; display:none; background-color:#f0f4f8; border-bottom:1px solid #1f3f7c;}
	.m_sub_menu {padding:15px 10px; border-bottom:1px solid #dbe2eb;}
	.m_sub_menu.last {border-bottom:none;}
	.m_sub_menu h3 {margin:0; font-size:14px; color:#3573ab; font-weight:bold;}
	.m_sub_menu ul {overflow:hidden; margin-top:15px;}
	.m_sub_menu ul li {margin-bottom:12px;}
	.m_sub_menu ul li.last {margin:0;}
	.m_sub_menu ul li a {display:block; color:#828d99;}

	.m_sitelnb{overflow:hidden; margin-top:50px;}
	.m_sitelnb h4{padding-left:20px; font-size:12px; font-weight:normal; color:#888; background:none;}
	.m_sitelnb h4:first-child{margin-top:0;}

	.blockUi {position: absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); z-index:100;}
	/* /header */

	/* sub_gnb */
	.sub_gnb{display:none;}

	/* footer_wrap */
	#footer_wrap {overflow:hidden; background:url("../images/mobile/bg/m_bg_foot.png") left top repeat-x; background-size:105px 256px;}
	.footer {position:relative; overflow:hidden; width:95%; height:225px; margin:0 auto; padding-top:20px;}
	.footer .how_use {padding:10px 0 17px 45px; border-bottom:1px solid #9fa4aa; background:url("../images/icon/icon_kmdia.gif") 0 0 no-repeat; background-size:35px; 35px;}
	.footer dl {overflow:hidden; margin:16px 0 20px;}
	.footer dl dt {margin-bottom:9px; color:#5e6d88; font-size:1em; font-weight:bold;}
	.footer dl dd {float:left; padding-right:15px;}
	.footer dl dd a {color:#9fa4aa;}
	address {clear:both; color:#9fa4aa; font-size:1em;}
	.review_num {overflow:hidden; display:block; font-size:12px; color:#aaa; line-height:20px; text-align:right;}
	.social {overflow:hidden; position:absolute; z-index:0; right:0; bottom:17px;}
	.social_icon01 {display:inline-block; width:32px; height:32px; margin-right:8px; background:url("../images/icon/icon_facebook.gif") 0 0 no-repeat;}
	.social_icon02 {display:inline-block; width:32px; height:32px; background:url("../images/icon/icon_blog.gif") 0 0 no-repeat;}
	/* /footer_wrap */

	/* common */
	.ir {overflow:hidden; display:block; position:absolute; top:0; left:0; width:0; height:0; z-index:-1;}

	/* content */

	h4{margin-top:40px; padding-left:16px; font-size:14px; font-weight:bold; color:#444; line-height:20px; background:url("../images/mobile/icon/icon_sub_title.gif") 0 5px no-repeat; background-size:10px 10px;}

	.main01 .maintxt{background:url("../images/mobile/txt/txt_main01.png") 0 0 no-repeat; background-size:110px 77px;}
	.main02 .maintxt{background:url("../images/mobile/txt/txt_main02.png") 0 0 no-repeat;}
	.main03 .maintxt{background:url("../images/mobile/txt/txt_main03.png") 0 0 no-repeat;}

	.clalen_meet {display:none;}

	.txtexplain{text-align:center;}

	.maintxt{overflow:hidden; position:absolute; top:24px; left:50%; margin-left:-141px; width:110px; height:77px; z-index:0;}
	.mainexplain{position:absolute; top:120px; left:50%; margin-left:-141px; width:115px; color:#66696e; font-size:13px; line-height:24px; letter-spacing:-1px; z-index:0;}
	.mainexplain span{color:#66696e; font-size:13px; font-weight:bold;}



	.clalen_onday,
	.clalen_adver,
	.clalen_iris2,
	.clalen_iris,
	.clalen_55s,
	.clalen_storesearch,
	.clalen_freerequest,
	.clalen_lenssearch,
	.clalen_guide {position:absolute;}

	.clalen_onday {top:270px; left:50%; width:213px; height:213px; margin-left:-150px; background:url("../images/bg/img_clalen_onday.png") 0 0 no-repeat; background-size:213px 213px;}
	.clalen_adver {top:225px; left:50%; width:100px; height:128px; margin-left:27px; background:url("../images/bg/bg_clalen_cf.png") 0 0 no-repeat; background-size:100px 128px;}
	.clalen_iris2 {top:410px; left:50%; width:111px; height:111px; margin-left:45px; background:url("../images/bg/bg_clalen_iris2.png") 0 0 no-repeat; background-size:111px 111px;}
	.clalen_iris {top:527px; left:50%; width:192px; height:192px; margin-left:-40px; background:url("../images/bg/bg_clalen_iris.png") 0 0 no-repeat; background-size:192px 192px;}
	.clalen_55s {top:538px; left:50%; width:104px; height:104px; margin-left:-148px;; background:url("../images/bg/bg_55s.png") 0 0 no-repeat; background-size:104px 104px;}
	.clalen_storesearch {top:752px; left:50%; width:91px; height:116px; margin-left:57px; background:url("../images/bg/bg_shop_search.png") 0 0 no-repeat; background-size:91px 116px;}
	.clalen_freerequest {top:697px; left:50%; width:173px; height:173px; margin-left:-143px; background:url("../images/bg/bg_free_experience.png") 0 0 no-repeat; background-size:173px 173px;}
	.clalen_lenssearch {top:869px; left:50%; width:164px; height:164px; margin-left:-30px; background:url("../images/bg/bg_lense_search.png") 0 0 no-repeat; background-size:164px 164px;}
	.clalen_guide {top:892px; left:50%; width:88px; height:111px; margin-left:-131px; background:url("../images/bg/bg_clalen_guide.png") 0 0 no-repeat; background-size:88px 111px;}

	.circle01, .circle02, .circle03, .circle04, .circle05 {display:block; width:100%; height:100%;}

	.circle01 strong {display:block; font-size:20px; line-height:22px; color:#fff; letter-spacing:-1px; text-align:center;}
	.circle01 strong span{display:block; font-size:13px; font-weight:normal;}

	.circle01.onday_img {background:url("../images/img/img_clalen_onday.png") center 50px no-repeat; background-size:102px 40px;}
	.circle01.onday_img strong {padding:110px 0 13px 0;}
	.circle01.iris_img {background:url("../images/img/img_clalen_iris.png") center 50px no-repeat; background-size:95px 36px;}
	.circle01.iris_img strong {padding:105px 0 14px;}

	.circle01 .txtexplain {font-size:12px;}

	.circle01.onday_img .txtexplain {color:#fff;}
	.circle01.iris_img .txtexplain {color:#fff;}

	.circle02.adver_img {background:url("../images/icon/img_icon_01.png") center 54px no-repeat; background-size:23px 17px;}
	.circle02.storesearch_img {background:url("../images/icon/img_icon_02.png") center 40px no-repeat; background-size:18px 24px;}
	.circle02.guide_img {background:url("../images/icon/img_icon_03.png") center 37px no-repeat; background-size:18px 18px;}

	.circle02 strong {display:block; font-size:12px; color:#222; letter-spacing:-1px; text-align:center;}
	.circle02.adver_img strong {padding-top:82px;}
	.circle02.storesearch_img strong{padding-top:79px;}
	.circle02.guide_img strong {padding-top:68px; font-size:11px;}

	.circle03 strong{display:block; padding:30px 0 10px; color:#fff; font-size:14px; letter-spacing:-1px; text-align:center;}
	.circle03 .txtexplain{color:#fff; font-size:10px; line-height:14px;}

	.circle04 strong{display:block; padding:35px 0 13px; color:#222; font-size:13px; letter-spacing:-1px; text-align:center;}
	.circle04 .txtexplain{color:#222; font-size:10px; line-height:14px;}

	.circle05 .txtexplain {font-size:10px; line-height:14px;}
	.circle05.lenssearch_img .txtexplain, .circle05.lenssearch_img span {color:#222;}

	.circle05 strong {display:block; padding:65px 0 15px; font-size:16px; line-height:19px; letter-spacing:-1px; text-align:center;}
	.circle05 strong span{display:block; font-size:12px; font-weight:normal;}


	.circle05.freerequest_img {background:url("../images/img/img_clalen_freerequest02.png") center 24px no-repeat; background-size:50px 35px;}
	.circle05.lenssearch_img {background:url("../images/img/img_clalen_lenssearch02.png") center 15px no-repeat; background-size:43px 43px;}
	.circle05.lenssearch_img strong{color:#444;}

	/* banner */
	.banner{display:block; width:100%; height:50px; background:url("../images/mobile/bg/bg_banner.jpg") 0 0 no-repeat; background-size:100% auto; z-index:101;}
	.banner div{position:relative; width:95%; margin:0 auto; padding-top:10px; text-align:center;}
	.banner div img {width:208px; height:38px; margin:0 auto;}
	.banner div button{overflow:hidden; display:block; position:absolute; top:21px; right:0; width:11px; height:11px; background:url("../images/mobile/btn/btn_bannerclose.png") 0 0 no-repeat; background-size:100% auto; cursor:pointer;}
}

.test{border:1px solid #f00}