/******* css  占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈틶�앾옙��쑋�좎럥踰⑨옙�낅꽞嚥▲꺃�뗰옙醫롫윥甕겸뫅�숋옙�낃퐵占쎌뼔占썸뤃占� 占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈벨�숋옙�좎굲�좎럡�뷂쭫濡λ쐻占쎌늿�뺟춯癒�삌�묒쥜�숋옙�뀀떔占쎈봿�놅쭔猿볦삕�믊삳룛占쎌쥙猷욑옙�뗭삕筌믩끃�뺝뜝�꾨궙�얘쐼�앾옙��빃�좎럩�귨옙�뗭삕獄쏅ı�わ옙醫롫윪鴉딆닂�숋옙�깆굲�좎럥梨뤄옙類㏃삕�ル쵐�� hanhee 20180109~ *******************/
/**�좎럩伊숋옙�논렭占쎈뿭�뺧옙�얠삕占쎈뿭�뺟뛾�낆굣�겹굝�앾옙��첓�좎뜦�숋옙�뗭삕�좎럩援꿨뜝�뚯쪠占쎈뙋�숋옙�좎굲�좎룞�숋옙�숈삕�ル∥�わ옙占쎈꺏占쎌닂�쇿뜝�뚮㎍�좎럩伊쒙옙占� 占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈틶�앾옙�덉굲�좎럥�띰옙�얠삕占쎈뜆�댐옙醫롫윥占쎈씛�숋옙�좎굲�좎럥�녻굢�먯삕�ル∥�ε뜝�덉뵛占쎌닂�숋옙醫롪뎡占쎌쥙�ο쭕�놁삕�믩�곸굲占썬꺂�ο쭪�λ쐻占쎌늿��*/
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');/*Noto Sans KR*/
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');/*占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈틶�앾옙�뚯삕�좎럥��옙�얠삕熬곥굩�숂�瑜곸굲嶺뚮Ŋ鍮섓옙�용쐻占쎈슢�ゅ뜝�덊떢占쎌빢�숋옙占쎈퉫占쎌쥙�⑼옙�좉덩占쎄램�▼뜝�뚮즴�됱±�앾옙��빃�좎럩�귨옙�용쐻占쎄쑬��*/
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&subset=devanagari,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700');
/*Noto Sans KR 占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈틹�양솒�뗫렓占썩벀�됵옙類앸쐻占쎄쑵�ワ옙��占쎈Ŋ�뺧옙�モ닪占싸룹땡占쎌늾猷뤷뜝�뚮땬壤쏆떣�숂뙼�る렊�낉옙�붺몭�쇱삕占쎈뿭�뺟춯癒�퉾占쎌궍�앾옙��뱦�좎룞�� 占쎌쥙�ζ뤃占쎌삕占쎈뿭�뺧옙釉랁닑占쎈씢�앾옙��땾�좎럥踰⑨옙�낅꽞�얜�援� 占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈틶�앾옙��쑋�좎럥踰⑨옙�낅꽞嚥▲꺃�뗰옙醫롫윥占쎈씛�숋옙�좎굲�좎럥留ょ댆�쏆삕�ル∥�욅춯�얇뀎��벩�앾옙��뼰占쎌쥙�⒳펺蹂〓뙕�좎럩�뺧옙�モ닪筌욎�λ쐻占쎌늿�� 占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈틶�앾옙��쑋�좎럥�띰옙�얠삕占쎈뜆援뀐옙醫롫윪占쎌뮋�숋옙�깆굲占썬꺂理먲옙占� 占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈벨�숋옙�좎굲�좎럡�э옙�뗭삕占쎈낄沅싷옙�우뿥占쎌빢�숋옙占썬걙占쎌쥙猷욑옙占� 占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈틶�앾옙��쑋�좎럥踰⑨옙�낅꽞嚥▲꺃�뗰옙醫롫윥甕겸뫅�숋옙�낃퐵占쎌뼔占썸뤃占�*/
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Thin-Hestia.eot),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Thin-Hestia.otf) format('opentype');
}
 
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Light-Hestia.eot),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Light-Hestia.otf) format('opentype');
}
 
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-DemiLight-Hestia.eot),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}
 
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Regular-Hestia.eot),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Regular-Hestia.otf) format('opentype');
}
 
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Medium-Hestia.eot),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Medium-Hestia.otf) format('opentype');
}
 
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Bold-Hestia.eot),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Bold-Hestia.otf) format('opentype');
}
 
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Black-Hestia.eot),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Black-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Black-Hestia.otf) format('opentype');
}
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option{color:#555;font-family:"Noto Sans KR",sans-serif;font-size:13px;font-weight:normal}

*{margin:0;padding:0}
html,body{width:100%;height:100%}
html{overflow-y:scroll}
body{*word-break:break-all;-ms-word-break:break-all}
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option , a, p, span{color:#555;font-family:"Noto Sans KR","NanumGothic",'Nanum Gothic',dotum,sans-serif;font-size:1em;font-weight:normal}
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
a{color:#555;text-decoration:none;cursor:pointer}
a:hover{color:#555;text-decoration:none}
button,label{cursor:pointer;_cursor /**/:hand}
button *{position:relative}
button img{left:-3px;*left:auto}
textarea{overflow:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
.input_text, textarea{*margin:-1px 0;padding-right:1px}
.input_check, .input_radio{width:13px;height:13px}
.blind, legend, caption{text-indent:-9999px;font-size:0;line-height:0;overflow:hidden}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}
.clear2 {clear:both;}
.clear:after {
	clear:both;
	content: "";
	display:block;
}

.img {
	width:100%;
}
/*header*/
.gnb {
	padding:20px 0;background:#FFFFFF;text-align:center;position: relative;
}
.gnb #logo {display:inline-block;}

 /**占쎌쥙�∽옙占쎈뙀域밟뫁�뺧옙醫롫윪占쎈벨�숋옙�좎굲�좎럩�쒙옙�ｋ쐻占쎈뜉�쇿뜝�숈삕占쏙퐢�삣뜝�꾩뫒�좎뜴�앾옙��빃�좎럩�몌옙占쎈쇊嚥〓끃�뺝슖�쏀맍占쏙옙�앾옙�됰뮝�좎럥�띰옙�얠삕占쏙옙誘ｋ쐻占쎌늿��*/
.menu-trigger,
.menu-trigger span {
	display : inline-block;
	transition : all 1s;
	box-sizing : border-box;
	cursor:pointer
}
.menu-trigger {
	position : absolute;
	width:30px;
	height:19px;
	right:-30px;
	margin-right:-2.5%;
	top:26px;
	z-index:9200;
}
.menu-trigger.active {
	    /*position: fixed;*/
}
.menu-trigger span {
	position : absolute;
	width : 100%;
	height : 3px;
	background:#303030;
}
.menu-trigger.active span {
	background:#fff;
	}
.menu-trigger span.n1{
	top : 0;
	left : 0;
}
.menu-trigger span.n2{
	top : 8px;
	/*width:18px;*/
	left : 0;
}
.menu-trigger span.n3{
	bottom : 0;
	left : 0;
}

/* 占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈틶�앾옙��땾�좎럥�띰옙�얠삕占쎈뜃�깍옙醫롫윥占쎈씛�숋옙�좎굲�좎룞�숃짆�쎌삕�ル∥�η뵓寃몃쳟占쎌닂�숋옙�껎맮�좎럩堉붷뜝�몃쨨�좑옙 占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈틶�앾옙�뚯삕�좎럥��옙�얠삕占쏙옙�룟땱�뀁┥筌뤿툦�숋옙��굲�좎럥�껓옙�λ쐻占쎈뜄�ｇ춯�껋삕占쎌닂�숋옙�껎맮�좎럩堉붷뜝�몃쨨�좑옙 占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈벨�숅넫濡レ쑅占쎈맧�싷옙�얠삕占쎈뜆援뀐옙醫롫윥占쎈씛�숋옙�좎굲�좎럥留ょ댆癒뀁삕�ル∥�ゅ뜝�⑸쳟占쎌닂�숋옙醫롪뎡占쎌쥙�ο옙�룸쨨饔끸뫀�삣뜝�덈쐞占쎄쐼�앾옙��쭢鶯ㅼ룆�わ옙�뗭삕占쎄낫�▼뜝�뚯쪠占썩댙�쇿뜝�덉Ŀ占쎌쥜�� 占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈벨�숋옙�좎굲�곌퇇��옙洹쏅쐻占쎄쑬沅싷옙��占쎈Ŋ�뺧옙�モ닪占싸룹땡占쎌늾猷뤷뜝�뚮땬壤쏆떣�숂뙼�る렊占쎌쥙�ョ댆洹ⓥ꼻�믩�곸굲占쎌쥜�� 占쎌쥙�∽옙占쎈뙀域밟뫁�뺧옙醫롫윪占쎈벨�숅넫濡レ쑋�좎럥踰⑨옙�낅꽞嚥▲꺃紐욇썒占쎄턂�쀣굩�숋옙�좎굲�좎룞�쇿뜝�덉돖占썩뫜�숋옙�좊㎍占쎌쥙�ο옙節륁�影��낆맶�좎럩�울옙占� */

.menu-trigger span.n1 {
	-webkit-animation : menu-bar01 .75s forwards;
	animation : menu-bar01 .75s forwards;
}
@-webkit-keyframes menu-bar01 {
	0% {
		-webkit-transform : translateY(8px) rotate(45deg);
	}
	50% {
		-webkit-transform : translateY(8px) rotate(0);
	}
	100% {
		-webkit-transform : translateY(0) rotate(0);
	}
}
@keyframes menu-bar01 {
	0% {
		transform : translateY(8px) rotate(45deg);
	}
	50% {
		transform : translateY(8px) rotate(0);
	}
	100% {
		transform : translateY(0) rotate(0);
	}
}

.menu-trigger span.n2{
	-webkit-animation : menu-bar .75s forwards; 
	animation : menu-bar .75s forwards;
}
@-webkit-keyframes menu-bar {
	0% {
		opacity : 0;
	}
	50% {
		opacity : 0;
	}
	100% {
		opacity : 1;
	}
}
@keyframes menu-bar {
	0% {
		opacity : 0;
	}
	50% {
		opacity : 0;
	}
	100% {
		opacity : 1;
	}
}
.menu-trigger span.n3 {
	-webkit-animation : menu-bar02 .75s forwards; 
	animation : menu-bar02 .75s forwards;
}
@-webkit-keyframes menu-bar02 {
	0% {
		-webkit-transform : translateY(-8px) rotate(-45deg);
	}
	50% {
		-webkit-transform : translateY(-8px) rotate(0);
	}
	100% {
		-webkit-transform : translateY(0) rotate(0);
	}
}
@keyframes menu-bar02 {
	0% {
		transform : translateY(-8px) rotate(-45deg);
	}
	50% {
		transform : translateY(-8px) rotate(0);
	}
	100% {
		transform : translateY(0) rotate(0);
	}
}
.menu-trigger.active span.n1 {
	-webkit-animation :active-menu-bar01 0.75s forwards;
	animation :active-menu-bar01 0.75s forwards;
}
@-webkit-keyframes active-menu-bar01 {
	0% {
		-webkit-transform:translateY(0) rotate(0);
	}
	50% {
		-webkit-transform:translateY(8px) rotate(0);
	}
	100% {
		-webkit-transform:translateY(8px) rotate(45deg);
	}
}
@keyframes active-menu-bar01 {
	0% {
		transform:translateY(0) rotate(0);
	}
	50% {
		transform:translateY(8px) rotate(0);
	}
	100% {
		transform:translateY(8px) rotate(45deg);
	}
}

.menu-trigger.active span.n2 {
	-webkit-animation : active-menu-bar .75s forwards;
	animation : active-menu-bar .75s forwards;
}
@-webkit-keyframes active-menu-bar {
	0% {
		opacity : 1;
	}
	50% {
		opacity : 0;
	}
	100% {
		opacity : 0;
	}
}
@keyframes active-menu-bar {
	0% {
		opacity : 1;
	}
	50% {
		opacity : 0;
	}
	100% {
		opacity : 0;
	}
}
.menu-trigger.active span.n3 {
	-webkit-animation : active-menu-bar03 .75s forwards;
	animation : active-menu-bar03 .75s forwards;
	width:100%;
}
@-webkit-keyframes active-menu-bar03 {
	0% {
		-webkit-transform : translateY(0) rotate(0);
	}
	50% {
		-webkit-transform : translateY(-8px) rotate(0);
	}
	100% {
		-webkit-transform : translateY(-8px) rotate(-45deg);
	}
}
@keyframes active-menu-bar03 {
	0% {
		transform : translateY(0) rotate(0);
	}
	50% {
		transform : translateY(-8px) rotate(0);
	}
	100% {
		transform : translateY(-8px) rotate(-45deg);
	}
}
#menu_bg {
	position : fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	z-index:9000;
	display:none;
}
.gnb #logo-right {
	position : absolute;
	right:2.5%;
	top:50%;
	margin-top:-12.5px;
}
.gnb #logo-right img {height:25px;}
#menu {
	width:70%;height:100%;background:#ffffff;position:absolute;left:-70%;top:0px;z-index:9100;
}
#menu .menu {
	width:100%;
	height:100%;
	overflow:auto;
}
#menu .menu .top  {
	background:#1f2682;
	text-align:center;
}
#menu .menu .top .logo {
	padding:20px 0;
	border-bottom:1px solid #a5a8cd;
}
#menu .menu .top .member {
	width:100%;
	padding:12px 0;
}
#menu .menu .top .member > li {
	display:inline-block;
	margin:0 2px;
}
#menu .menu .top .member > li img {height:28px;}
#menu .menu .body {
	width:100%; 
}
#menu .menu .body .tab01 {
	width:100%;
}
#menu .menu .body .tab01 > li {
	border-bottom:1px solid #dddddd;
}
#menu .menu .body .tab01 > li > a {
	display:block;
	padding:15px;
	font-size:1.5em;
	color:#303030;
	font-weight:500;
	position: relative;
}
#menu .menu .body .tab01 > li > a > span {
	display:inline-block;
	position: relative;
	width:7px;
	height:7px;
	border:1px solid #1f2682;
	background:#1f2682;
	top:-3px;
	margin-right:5px;
	-webkit-transition: all 0.35s;
    transition: all 0.35s;
	transform :rotate(-45deg)
}
#menu .menu .body .tab01 > li > a.on > span {transform :rotate(-405deg);background:#fff;}
#menu .menu .body .tab01 > li > .tab02 {
	width:100%;
	padding:10px 0;
	background:#f8f8f8;
	border-top:1px solid #dddddd;
	display:none;
}
#menu .menu .body .tab01 > li > .tab02 > li > a {
	display:block;
	padding:8px 0px 8px 35px;
	font-size:1.2em;
	color:#6e6e6e;
}

/* footer */
#footer {
	width:100%;
	border-top:3px solid #a0a0a0;
}
#footer .link {
	width:100%;
	padding:15px 0;
	background:#f9f9f9;
	text-align:center;
}
#footer .link > li {
	display:inline-block;
	position: relative;
}
#footer .link > li  > a {
	display:block;
	padding:0 10px;
	font-size:1em;
	color:#707070;
}
#footer .link > li:after {
	content:"";
	display:block;
	position : absolute;
	width:1px;
	height:10px;
	left:0;
	top:50%;
	margin-top:-5px;
	background:#dddddd;
}
#footer .link > li:first-child:after {display:none;}
#footer .sns {
	width:95%;
	margin:auto;
	border-bottom:1px solid #e7e7e7;
	overflow:hidden;
	padding:20px 0;
}
#footer .sns > li {}
#footer .sns > .left {float:left;}
#footer .sns > .right {float:right;margin-left:5px;}
#footer .account {
	width:95%;
	margin:auto;
	border-bottom:1px solid #e7e7e7;
	overflow:hidden;
	padding:20px 0;
} 
#footer .account  > .left {
	float:left;
	font-size:1.1em;
	color:#444444;
	font-weight:500;
}
#footer .account  > .right {float:right;}
#footer .text {
	width:95%;
	margin:20px auto;
}
#footer .text td {
	width:50%;
	font-size:0.9em;
	color:#959595;
	padding:5px 0;
	letter-spacing: -1px;
}
#footer .text td a {color:#959595;}

#footer .copyright {
	width:95%;
	margin:auto;
	border-top:1px solid #e7e7e7;
	padding:20px 0 40px;
	font-size:0.9em;
	color:#959595;
}


#mirrorMain {
	width:100%;
}
#mirrorMain .visual {width:100%;position: relative;}
#mirrorMain .visual #visual-pager {
	position : absolute;
	bottom:35px;
	width:100%;
	left:0;
	text-align:center;
}
#mirrorMain .visual #visual-pager img {height:12px;}
#mirrorMain .visual #visual-pager a {
	display:inline-block;
}

#mirrorMain .visual #visual-pager a {
	display:inline-block;
	position: relative;
}
#mirrorMain .visual #visual-pager a:after {
	position: relative;
	top:-2.5px;
	content:"";
	display:inline-block;
	width:0;
	height:1px;
	background:#fff;
	margin:0 5px;
	-webkit-transition: all 0.35s;
    transition: all 0.35s;
}
#mirrorMain .visual #visual-pager a.active:after {width:50px;}
#mirrorMain .visual #visualBtn {
	position: absolute;
	bottom:-20px;
	width:40px;
	left:50%;
	margin-left:-20px;
}

#mirrorMain #productBest {
	width:100;
	margin:auto;
	text-align:center;
}
#mirrorMain #productBest > h3 {width:100%}
#mirrorMain #productBest > h3 >  img {width:100%;}
#mirrorMain #productBest > h4 {
	width:95%;
	margin:5% auto 10%;
	line-height:1.8em;
	font-size:1em;
	color:#666666;
}
#mirrorMain #productBest > .title {width:100%;margin-bottom:7%;}
#mirrorMain #productBest > .title>  img {width:100%;}
#mirrorMain #productBest > .bestList {
	width:85%;
	padding:0 5%;
	margin:0 auto 15%;
	position: relative;
}
#mirrorMain #productBest > .bestList .list  li .tit {
	font-size:1.2em;
	color:#222222;
	line-height:1.4em;
	font-weight:500;
	margin-top:10px;
}
#mirrorMain #productBest > .bestList .list  li h3 {
	font-size:1.1em;
	color:#666666;
	line-height:1.8em;
}
#mirrorMain #productBest > .bestList .list  li .money {
	font-size:1em;
	color:#f21453;
	line-height:1.8em;
	margin:0;
	font-weight:500;
}
#mirrorMain #productBest > .bestList .list  li .money img {display:inline-block;}

#mirrorMain #productBest > .bestList #product-next,
#mirrorMain #productBest > .bestList #product-prev {
	position: absolute;
	top:50%;
	margin-top:-15px;
	z-index:5000;
}
#mirrorMain #productBest > .bestList #product-next {right:0;}
#mirrorMain #productBest > .bestList #product-prev {left:0;}
#mirrorMain #productBest > .bestList #product-next img,
#mirrorMain #productBest > .bestList #product-prev img{width:20px;}

#mirrorMain #category {
	width:95%;
	padding:15% 2.5% 15%;
	margin:auto;
	background:#f6f5fa;
}
#mirrorMain #category .title {width:100%;margin-bottom:5%;}
#mirrorMain #category .title img {width:100%;}
#mirrorMain #category .list {width:100%;overflow:hidden;}
#mirrorMain #category .list > li {
	position: relative;
	width:49.5%;
	margin-right:1%;
	margin-bottom:1%;
	float:left;
}
#mirrorMain #category .list > li img {width:100%;}
#mirrorMain #category .list > li:first-child {width:100%;margin-right:0;}
#mirrorMain #category .list > li:nth-child(2n+1) {margin-right:0;}
#mirrorMain #category .list > li .text {
	position: absolute;
	left:25px;
	top:25px;
	z-index: 100;
}
#mirrorMain #category .list > li .text h3 {
	font-size:1em;
	color:#222222;
	font-weight:500;
}
#mirrorMain #category .list > li .text .bar {
	width:12px;
	height:1px;
	background:#222222;
	margin-top:5px;
}
#mirrorMain #category .list > li .categoryBtn {
	position: absolute;
	right:0;
	top:0;
}
#mirrorMain #category .list > li .categoryBtn img {
	width:30px;
}

/*�좎럩伊숋옙��숋옙�⑺꺙�좎럩伊숂뙴�묒삕�좑옙 占쎌쥙�ο옙占쎌삕占쎌슜�삣뜝�뚮듌占쏙옙 watch*/
#mirrorMain #category .list2 {width:100%;overflow:hidden;}
#mirrorMain #category .list2 > li {
	position: relative;
	width:49.5%;
	margin-right:1%;
	margin-bottom:1%;
	float:left;
}
#mirrorMain #category .list2 > li img {width:100%;}
/* #mirrorMain #category .list2 > li:first-child {width:100%;margin-right:0;} */
#mirrorMain #category .list2 > li:nth-child(2n+1) {margin-right:0;}
#mirrorMain #category .list2 > li .text {
	position: absolute;
	left:25px;
	top:25px;
	z-index: 100;
}
#mirrorMain #category .list2 > li .text h3 {
	font-size:1em;
	color:#222222;
	font-weight:500;
}
#mirrorMain #category .list2 > li .text .bar {
	width:12px;
	height:1px;
	background:#222222;
	margin-top:5px;
}
#mirrorMain #category .list2 > li .categoryBtn {
	position: absolute;
	right:0;
	top:0;
}
#mirrorMain #category .list2 > li .categoryBtn img {
	width:30px;
}

/*watch �좎럩伊숂뙴�묒삕�좑옙 */
#mirrorMain #board {
	width:95%;
	margin:-20% auto 10%;
	background:url('../img/mirror/main/board_bg.gif');
	border:1px solid #dfdfdf;
	box-sizing: border-box;
	overflow:hidden;
}
#mirrorMain #board > .notice {
	width:90%;
	padding:5%;
	margin:auto;
	border-bottom:1px solid #dfdfdf;
	background:#fff;
}
#mirrorMain #board > .notice .first {
	position: relative;
	width:100%;
	overflow:hidden;
	padding-bottom:15px;
	border-bottom:1px solid #d6d6d6;
	margin-bottom:10px;
}
#mirrorMain #board > .notice .first .noticeImg {
	float:left;
	width:40%;
}
#mirrorMain #board > .notice .first .text {
	width:58%;float:left;
	padding-left:2%;
}
#mirrorMain #board > .notice .first .text h5 {
	font-size:1.1em;
	color:#000000;
	margin-bottom:1.5%;
}
#mirrorMain #board > .notice .first .text p {
	font-size:0.9em;
	color:#555555;
	margin-bottom:1.5%;
}
#mirrorMain #board > .notice .first .text .date {
	text-align:right;
	font-size:0.85em;
	color:#9d9d9d;
	position: absolute;
	right:0;
	bottom:15px;
}
#mirrorMain #board > .notice .item {
	width:100%;
}
#mirrorMain #board > .notice .item a {
	width:100%;
	padding:5px 0;
	display:block;
	overflow:hidden;
}
#mirrorMain #board > .notice .item .title {
	width:70%;
	float:left;
	font-size:1em;
	color:#878787;
	margin:0;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;
	overflow:hidden;
}
#mirrorMain #board > .notice .item .date {
	width:30%;
	float:right;
	text-align:right;
	font-size:0.9em;
	color:#9d9d9d;
	margin:0;
}
#mirrorMain #board > .box {
	width:50%;
	float:left;
	padding:5% 2%;
	box-sizing: border-box;
	text-align:center;
}
#mirrorMain #board > .box.request {border-right:1px solid #dfdfdf;}
#mirrorMain #board > .box .title {width:100%;margin-bottom:5%;}
#mirrorMain #board > .box .title img {width:100%;}
#mirrorMain #board > .box .img {width:100%;margin-bottom:5%;}
#mirrorMain #board > .box .img img {width:100%;}
#mirrorMain #board > .request p {
	font-size:0.9em;
	color:#7d7d7d;
	margin-bottom:5%;
}
#mirrorMain #board > .cs p {
	font-size:0.85em;
	color:#7d7d7d;
	font-weight:500;
	margin:0;
}
#mirrorMain #board > .cs p span {
	font-weight:400;
	font-size:0.8em;
	color:#959595;
}
#mirrorMain #instagram {
	width:95%;
	margin:10% auto 20%;
}
#mirrorMain #instagram > h2 {width:100%;margin-bottom:5%;}
#mirrorMain #instagram > h2 img {width:100%;}

#sub_top {
	width:100%;
	position: relative;
	overflow:hidden;
}
#sub_top #tabMenu {
	width:95%;
	padding:0 2.5%;
	position: absolute;
	bottom:0;
	left:0;
	border-top:1px solid rgba(255,255,255,0.5);
}
#sub_top #tabMenu:before,
#sub_top #tabMenu:after {
	content:"";
	display:block;
	position: absolute;
	top:-6px;
	width:10px;
	height:10px;
}

#sub_top #tabMenu:before {
	border-top:1px solid rgba(255,255,255,0.5);
	border-left:1px solid rgba(255,255,255,0.5);
	left:1.5px;transform:rotate(-45deg);
}
#sub_top #tabMenu:after {
	border-bottom:1px solid rgba(255,255,255,0.5);
	border-right:1px solid rgba(255,255,255,0.5);
	right:1.5px;transform:rotate(-45deg);
}

#sub_top #tabMenu .menuList li {display:table;}
#sub_top #tabMenu .menuList li a {
	display:table-cell;
	vertical-align:middle;
	height:40px;
	line-height:14px;
	color:#fff;
	text-align:center;
	font-size:10px;
}
#sub_top #tabMenu .menuList li a.on {
	background:#1b2478;
}
#sub_top #tabMenu .menuList li a.line2 {
	padding:8px 5px;

}
#sub_top > .text {
	text-align:center;
	position: absolute;
	left:0;
	width:100%;
	top:0%;
}
#sub_top > .text h2 {
	padding-top:11%;
	font-size:26px;
	line-height:26px;
	height:26px;
	overflow:hidden;
	color:#fff;
	font-weight:500;
	font-family:'Poppins';
}

#sub_top > .text .bar {
	width:25px;
	height:1px;
	background:#fff;
	display:inline-block;
	margin:0% auto  1%;
}
#sub_top > .text p {
	font-size:1em;
	color:#fff;
}

#goods_page {
	width:95%;
	margin: 5% auto 0;
	overflow:hidden;
}
#goods_page > li {
	float:left;
	font-size:1em;
	color:#7e7e7e;
	padding-right:10px;
}
#GoodsSortType {
	width:95%;
	margin:0 auto;
	text-align:right;
	border-bottom:1px solid #b2b2b2;
	padding: 1% 0;
}
#GoodsSortType > a {
	display:inline-block;
	font-size:1.1em;
	line-height:30px;
	color:#7e7e7e;
}
#GoodsSortType > .bar {
	display:inline-block;
	width:1px;
	height:8px;
	background:#b2b2b2;
	margin:0 10px;
	position: relative;
	top:0px;
}
#goodsViewText {
	width:100%;
	margin:5% auto 5%;
	padding-bottom:2%;
	border-bottom:1px solid #b2b2b2;
}
#goodsViewText  > .viewTitle {
	font-size:1.2em;
	color:#000000;
	font-weight:500;
	line-height:2.5em;
	height:2.5em;
	border-bottom:1px solid #b2b2b2;
	margin-bottom:2%;
}

#goodsViewText .content-item {
	overflow:hidden;
	width:100%;
	padding:2% 0;
}
#goodsViewText .content-item .content-title {
	float:left;
	width:30%;
	max-width:140px;
	font-size:1em;
	color:#a7a7a7;
}
#goodsViewText .content-item .content-content {
	float:left;
	width:70%;
	font-size:1em;
	color:#505050;
}
#goodsViewCommoninfo {
	width:100%;
}
#goodsViewCommoninfo h3 {
	font-size:1.1em;
	color:#1b2478;
	line-height:1.5em;
	margin:2% 0 0;
	padding:0;
	font-weight:500;
}
#goodsViewCommoninfo p {
	font-size:1em;
	color:#444444;
	line-height:1.5em;
	margin:0;
	padding:0;
}
.pageTitle {
	width:100%;
	text-align:center;
	margin:10% auto 5%;
}

.pageTitle h3 {
	font-size:2em;
	color:#1b2478;
	font-weight:500;
	margin-bottom:5px;
	position: relative;
	padding-top:20px;
	line-height:1.5em;
}
.pageTitle h3:after {
	content:"";
	display:block;
	position: absolute;
	top:0;
	left:50%;
	margin-left:-10px;
	width:20px;
	height:16px;
	background:url('../img/mirror/page/pageTitleH3.png') center top no-repeat;
}
.pageTitle p {
	line-height:1.5em;
	font-size:1em;
	color:#666666;
	padding: 0 3%;
	margin: 0 auto;
	box-sizing: border-box;
}
.brand {
	width:100%;
	margin:auto;
	text-align:center;
}
.brand .sub {
	width:95%;
	padding:10% 2.5%; 
}
.brand .sub .text {
	width:95%;
	padding: 5% 2.5% 7%;
}

.brand .sub .text h3 {
	margin:5% auto 5%;
}
.brand .sub .text p {
	font-size:1em;
	color:#505050;
	line-height:1.6em;
}
.brand .sub .text .bar {
	width:90%;
	height:1px;
	display:inline-block;
	background:#b2b2b2;
	margin:6% 0;
}
.brand .sub .text p.item {
	line-height:1.5em;
	margin-bottom:3px;
	position: relative;
}
.brand .sub .text p.item span {
	width:4px;
	height:4px;
	position: relative;
	display:inline-block;
	background:#2c3482;
	margin-right:5px;
	border-radius: 50%;
	top:-2px;
}
.brand .sub .text h4 {
	margin-top:5px;
	font-size:0.9em;
	color:#7c7c7c;
	line-height:1.6em;
}


.brand .sub01 {background:#f6f5fa;}
.brand .sub01 .text {background:#fff;}
.brand .sub02 {background:#fff;}
.brand .sub02 .text {background:#f6f5fa;}
.brand .sub03 {background:#f6f5fa;padding-bottom:15%;}
.brand .sub03 .text {background:#fff;}

.m22 .pageTxt{text-align:center; font-size: 18px; line-height: 24px; color: #888888;}
.m22 section{position:relative; z-index:1;}
.m22 section *{box-sizing:border-box;}
.m22 section .img.type1 img{display:block;width: 100%;}
.m22 section .txt1{font-size: 12px;color:#505050;line-height:1.6;letter-spacing: -0.5px;word-break: keep-all;}
.m22 section .inner{position:relative;max-width: 800px;width:93%;margin:0 auto;}
.m22 section .sec_title{text-align: center;font-size: 22px;color: #000000;font-weight: 500;letter-spacing: -0.5px;line-height: 1.4;}
.m22 section .con_title{display: inline-block;text-align:center;font-size: 20px;color: #000;letter-spacing: -1px;font-weight: 500;border-bottom: 1px solid #000;line-height: 1em;}
.m22 section .con_title.type2{font-size: 24px;display: block;border-bottom: 0;margin-bottom: 0;}
.m22 section .item_l{text-align: center;margin: 0 auto;display: inline-block;background: #b7ccd7;font-size: 13px;color: #231815;font-weight: 500;line-height: 1em;padding: 7px 25px 7px 25px;margin-top: 15px;letter-spacing: -0.5px;}
.m22 section .item_l b{font-weight: 600;}
.m22 section .item_l span{font-size: 13px;font-weight:400;color:#231815;}
.m22 .sec1{padding: 70px 0 75px 0;background:#f6f5fa;}
.m22 .sec1 .con_title1{text-align: center;font-size: 21px;color: #000000;font-weight: 500;margin-bottom: 25px;}
.m22 .sec1 .con_title1 span{display:inline-block;font-size: 21px;color: #1d327f;font-weight: 500;}
.m22 .sec1 .con_title1 span:after{display:block;content:"";width:100%;height:1px;margin-top: -2px;background:#1d327f;}
.m22 .sec1 .contents{position: relative;display: flex;flex-wrap: wrap;}
.m22 .sec1 .con_g1 .contents .text_g{background: #ffffff;width: 100%;padding: 30px 20px 20px 20px;text-align: left;order: 2;}
.m22 .sec1 .con_g1 .text_g .tit{font-size: 20px;color: #000000;font-weight: 300;letter-spacing: -1px;line-height: 1.35;}
.m22 .sec1 .con_g1 .text_g .tit b{font-weight: 500;}
.m22 .sec1 .con_g1 .text_g .txt2{font-size: 15px;color: #505050;margin: 14px 0 9px;}
.m22 .sec1 .con_g1 .text_g .txt2 b{font-weight: 500;color: #000000;}
.m22 .sec1 .con_g1 .text_g .point_txt{font-size: 20px;line-height: 1em;color: #c61c1c;font-weight: 500;text-transform: uppercase;margin-bottom: 20px;padding-bottom: 15px;border-bottom: 1px solid #cfd1d3;}
.m22 .sec1 .con_g1 .text_g .list_wrap{display: flex;flex-wrap: wrap;}
.m22 .sec1 .con_g1 .text_g .list_wrap li{position: relative;width: 50%;max-width: 250px;text-transform: uppercase;padding-left: 10px;}
.m22 .sec1 .con_g1 .text_g .list_wrap li:before{display:block;content:"";position: absolute;top: 8px;left: 0;width: 2px;height: 2px;background: #323091;}
.m22 .sec1 .con_g1 .text_g .list_wrap li:nth-child(n+3){margin-top: 2px;}
.m22 .sec1 .con_g1 .text_g a{display: inline-block;margin-top: 15px;border: 1px solid #e7e7e7;}
.m22 .sec1 .con_g1 .img{position: relative;order: 1;margin-bottom: 10px;}
.m22 .sec1 .con_g2{text-align: center;padding-top: 70px;}
.m22 .sec1 .con_g2 .list_wrap{margin: 30px auto 0;width: 100%;}
.m22 .sec1 .con_g2 .list_wrap .list{width: 100%;}
.m22 .sec1 .con_g2 .list_wrap .list + .list{margin-top: 20px;}
.m22 .sec1 .con_g2 .list_wrap .list .tit{position: relative;width: 140px;height: 140px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;background: #000;color: #fff;font-size: 15px;border-radius: 50%;line-height: 1em;font-weight: 500;margin: 0 auto;z-index: 1;}
.m22 .sec1 .con_g2 .list_wrap ul{background: #fff;margin-top: -85px;padding: 105px 15px 20px;text-align: left;border: 1px solid #e7e7e7;word-break: keep-all;}
.m22 .sec1 .con_g2 .list_wrap ul li{position: relative;padding-left: 8px;}
.m22 .sec1 .con_g2 .list_wrap ul li:before{display: block;position: absolute;top: 8px;left: 0;width: 2px;height: 2px;background: #323091;content:"";}
.m22 .sec1 .con_g2 .list_wrap ul li + li{margin-top: 3px;}
.m22 .sec1 .con_g3{padding-top: 70px;text-align: center;}
.m22 .sec1 .con_g3 .list_wrap{margin-top: 65px;width: 100%;}
.m22 .sec1 .con_g3 .list_wrap li{text-align: left;}
.m22 .sec1 .con_g3 .list_wrap li:nth-child(n+2){margin-top: 25px;}
.m22 .sec1 .con_g3 .list_wrap .img{margin-top: 20px;}
.m22 .sec1 .con_g3 .list_wrap .text{display: flex;flex-wrap: wrap;margin-top: 17px;}
.m22 .sec1 .con_g3 .list_wrap .text b{font-size: 15px;color: #000000;font-weight: 500;display: block;margin-bottom: 5px;width: 100%;}
.m22 .sec1 .con_g4{padding-top: 70px;text-align: center;}
.m22 .sec1 .con_g5{padding-top: 70px;text-align: center;}
.m22 .sec1 .list_wrap.type2{margin-top: 30px;width: 100%;}
.m22 .sec1 .list_wrap.type2 li{width: 100%;}
.m22 .sec1 .list_wrap.type2 li:nth-child(3n){margin-right: 0;}
.m22 .sec1 .list_wrap.type2 li:nth-child(n+2){margin-top: 10px;}
.m22 .sec1 .list_wrap.type2 li.text_g{border: 4px solid #e7e7e7;text-align: left;padding: 8% 4%;}
.m22 .sec1 .list_wrap.type2 li.text_g .tit{font-size: 20px;color: #1d327f;font-weight: 700;font-family: 'Montserrat';letter-spacing: -1px;}
.m22 .sec1 .list_wrap.type2 li.text_g .sub_tit{font-size: 13px;color: #505050;font-weight: 700;letter-spacing: -0.25px;font-family: 'Montserrat';margin: 2px 0 10px;}
.m22 .sec1 .list_wrap.type2 li.text_g .txt1{color: #888888;font-weight: 400;letter-spacing: 0;}
.m22 .sec2{padding: 70px 0 75px 0;text-align: center;}
.m22 .sec2 .contents{position: relative;display: flex;flex-wrap: wrap;margin-top: 30px;}
.m22 .sec2 .contents .img_g{margin-bottom: 10px;}
.m22 .sec2 .contents .con_g{background: #f6f5fa;width: 100%;padding: 45px 10%;text-align: left;right: 0;}
.m22 .sec3{padding: 70px 0 75px 0;background: #f6f5fa;text-align: center;}
.m22 .sec3 .inner:before{display:block;content:"";position: absolute;top: -69px;right: -8%;width:148px;height: 182px;background:url(/shop/data/skin/standard/images/mirror/page/about_sec4_bg.jpg)no-repeat top 0px right 0;background-size: 100%;z-index: -1;}
.m22 .sec3 .item_l{padding: 7px 15px 7px 15px;}
.m22 .sec3 .contents{margin-top: 30px;}
.m22 .sec3 .list_wrap{width: 100%;}
.m22 .sec3 .list_wrap li{width: 100%;}
.m22 .sec3 .list_wrap li:before{display:block; content:"";}
.m22 .sec3 .list_wrap li + li{margin-top: 20px;}
.m22 .sec3 .list_wrap .bold{margin-top: 10px !important;color: #111111;font-weight: 500;}
.m22 .sec3 .list_wrap .txt1{margin-top: 5px;text-align: left;padding-left: 8px;position: relative;}
.m22 .sec3 .list_wrap .txt1:before{display: block;position: absolute;top: 8px;left: 0;width: 2px;height: 2px;background: #323091;content:"";}
.m22 .sec3 .con2{margin-top: 30px;background: #f1f0f4;border: 1px solid #e0dfe4;padding: 35px 3% 35px 3%;}
.m22 .sec3 .con2 .item_g{display: flex;flex-wrap: wrap;justify-content: center;padding: 0 3%;}
.m22 .sec3 .con2 .item_g .item{width: 33.333%;padding: 0 1%;}
.m22 .sec3 .con2 .item_g .tit{width: 100%;height: 42px;border-radius: 42px;border: 2px solid #000000;line-height: 40px;font-size: 13px;color: #000000;font-weight: 500;margin: 0px auto 8px;}
.m22 .sec3 .con3{}
.m22 .sec3 .con3 > *{width: 100%;text-align: left;margin-top: 30px;}
.m22 .sec3 .con3 .con_title{margin-bottom: 30px;}
.m22 .sec3 .con3 .con3_r .img + .img{margin-top: 10px;}
.m22 .sec4{padding: 70px 0 75px 0;text-align: center;}
.m22 .sec4 .sub_tit{font-size: 14px;color: #231815;font-weight: 500;margin-top: 10px;}
.m22 .sec4 .item_l{margin-top: 5px;}
.m22 .sec4 .img_g{margin-top: 30px;display: flex;flex-wrap: wrap;}
.m22 .sec4 .img_g .img{width: 100%;}
.m22 .sec4 .img_g .img + .img{margin-top: 10px;}
.m22 .sec4 .text_g{margin-top: 10px;flex-wrap: wrap;padding: 7% 3%;text-align: left;background: #f7f7f7;border: 1px solid #e0dfe4;}
.m22 .sec4 .text_g > *{width: 100%;}
.m22 .sec4 .text_g .list_wrap{}
.m22 .sec4 .text_g .list_wrap li{position: relative;font-size: 15px;color: #000000;background: #f6f5fa url(/shop/data/skin/standard/images/mirror/page/about_sec5_check_i.png)no-repeat top 0px left;background-size: 22px;padding-left: 29px;min-height: 22px;letter-spacing: -1px;z-index: 1;}
.m22 .sec4 .text_g .list_wrap li:before{display:block; content:"";}
.m22 .sec4 .text_g .list_wrap li + li{margin-top: 5px;}
.m22 .sec4 .text_g .list_wrap b{position:relative; display:inline-block; font-weight: 500;}
.m22 .sec4 .text_g .list_wrap b:before{display:block;content:"";position: absolute;bottom: 2px;width: 103%;left: 50%;height: 14px;background: #bfc9d6;z-index: -1;transform: translateX(-50%);}
.m22 .sec4 .text_g .g_2{font-size: 13px;color: #505050;font-weight: 500;letter-spacing: -1px;line-height: 1.8;margin-top: 10px;}
.m22 .sec4 .text_g .g_2 br{display:none;}




.oemodm {
	width:100%;
	margin:auto;
}

.oemodm .box {
	width:95%;
	padding:0  2.5% 10%;
}


.oemodm .box .pageTitle{
	margin:0;
	padding:10% 0 5%;
}

.oemodm .sub01 {
	padding-top:10%;
	background:#f6f5fa;
}
.oemodm .sub02 {
	background:#fff;
}
.oemodm .sub03 {
	padding-bottom:15%;
	text-align:center;
}

.oemodm .sub02 ul {
	width:100%;
	overflow:hidden;
}
.oemodm .sub02 ul > li {
	float:left;
	width:49%;
	margin-right:2%;
	margin-bottom:20px;
}
.oemodm .sub02 ul > li:nth-child(2n) {
	margin-right:0;
	position: relative;
	top:20px;
}
.oemodm .sub02 ul > li .text {
	border-left:2px solid #032478;
	padding:5px 10px;

}
.oemodm .sub02 ul > li .text h3 {
	font-size:1.1em;
	color:#1f1f1f;
	line-height:1.6em;
	font-weight:500;
}
.oemodm .sub02 ul > li .text p {
	font-size:0.9em;
	color:#777777;
	line-height:1.6em;
}


.oemodm .sub03 ul {
	width:95%;
	overflow:hidden;
	padding:5% 2.5%;
	background:#fff;
}
.oemodm .sub03 ul > li {
	float:left;
	width:49%;
	margin-right:2%;
	margin-bottom:5px;
}
.oemodm .sub03 ul > li:nth-child(2n) {
	margin-right:0;
}
.oemodm .sub03 ul > li p {
	font-size:1em;
	color:#505050;
	line-height:2.5em;
}
.board_view {
	width:95%;
	padding:10% 2.5% 20%;
	background:#f6f5fa;
}
#viewBtnList {
	background:#1b2478;
	height:2.5em;
	line-height:2.5em;
	padding:0 30px;
	color:#fff;
	border:0;
	font-size:1em;
	font-family: "Noto Sans KR";
	margin-top:5%;
}


.customer {
	width:100%;
	margin:auto;
}

.customer .box {
	width:95%;
	padding:0  2.5% 10%;
}

.grade {
	width:95%;
	padding:10% 2.5%;
	background:#f6f5fa;
}
.grade .grade_sub {
	width:95%;
	padding:10% 2.5% 15%;
	background:#fff;
	text-align:center;
}
.grade .grade_sub .title {
	width:100%;
}
.grade .grade_sub .title h5 {
	font-family:'Poppins';
	font-size:0.8em;
	color:#000000;
}
.grade .grade_sub .title .bar {
	width:1px;
	height:20px;
	background:#c9c9c9;
	margin:3% auto;
}
.grade .grade_sub .title h3 {
	font-size:20px;
	color:#000;	
	margin-bottom:5%;
}
.grade .grade_sub .title h3 span {
	font-size:20px;
	color:#000;	
	font-weight:500;
}
.grade .grade_sub .title p {
	font-size:1em;
	line-height:1.5em;
	color:#505050;	
	padding-bottom:10%;
	margin-bottom:10%;
	border-bottom:1px solid #c9c9c9;
}
.grade .grade_sub .box {
	width:90%;
	margin:0 auto 10%;
}
.grade .grade_sub .box h3 {
	height:2em;
	line-height:2em;
	font-size:1.1em;
	color:#5d5d5d;
	font-weight:500;
	border:1px solid #a2a2a2;
	width:80px;
	text-align:center;
	margin:0 auto;
}
.grade .grade_sub .box .bar {
	width:1px;
	height:14px;
	background:url('../img/mirror/page/grade_bar.jpg') center top no-repeat;
	margin:1% auto;
}
.grade .grade_sub .box ul {
	width:100%;
	padding:0 10px 15px;
	box-sizing: border-box;
}
.grade .grade_sub .box ul li {
	color:#fff;
	padding:10px 0;
}
.grade .grade_sub .box ul .tit {
	padding:12px 0;
	font-size:1.1em;
	border-bottom:1px solid rgba(255,255,255,0.7);
	font-weight:500;
}
.grade .grade_sub .box ul .ccc {
	font-size:1.1em;
	font-weight:500;
}
.grade .grade_sub .box ul .con {
	padding-left:15px;
}
.grade .grade_sub .box ul .con p {
	font-size:1em;
	line-height:1.5em;
	padding-left:10px;
	text-align:left;
	color:#fff;
	margin-bottom:2%;
	position: relative;
}
.grade .grade_sub .box ul .con p:last-child {
	margin-bottom:0;
}
.grade .grade_sub .box ul .con p span {
	display:block;
	width:4px;
	height:4px;
	background:#fff;
	position: absolute;
    left: 0;
    top: 8px;
    border-radius: 50%;
}

.grade .grade_sub .box01 ul {background:#ff5a5e;}
.grade .grade_sub .box02 ul {background:#2fb4ba;}
.grade .grade_sub .box03 {margin-bottom:0;}
.grade .grade_sub .box03 ul {background:#7d65c1;}


.company {
	width:100%;
	text-align:center;
}
.company .sub01 {
	width:95%;
	padding:10% 2.5% 0;
	background:#f6f5fa;

}
.company .imgTitle {
	font-size:0.8em;
	color:#505050;
	padding:5px 0;
}

.company .sub01 .box {
	width:100%;
	background:#fff;
}

.company .sub01 .box h5 {
	font-family:'Poppins';
	font-size:0.8em;
	color:#000000;
	margin-top:10%;
}
.company .sub01 .box .bar {
	width:1px;
	height:20px;
	background:#c9c9c9;
	margin:3% auto;
}
.company .sub01 .box h3 {
	font-size:20px;
	color:#000;	
	margin-bottom:5%;
	font-weight:400;
}
.company .sub01 .box h3 span {
	font-size:20px;
	color:#000;	
	font-weight:500;
}
.company .sub01 .box p {
	font-size:1em;
	line-height:1.5em;
	color:#505050;	
	padding-bottom:10%;

}
.company .sub02 {
	width:100%;
	padding-bottom:15%;
}
.company .sub02 p {
	font-size:1em;
	line-height:1.5em;
	color:#505050;	
	padding-bottom:2%;
}
.directions {
	width:95%;
	padding:10% 2.5% 15%;
	background:#f6f5fa;
}

.directions .text {width:100%;}
.directions .text td,
.directions .text th {
	border-bottom:1px solid #d9d8dc;
	vertical-align: middle;
}
.directions .text th {
	width:60px;
	padding:15px 0 15px 15px;
	text-align:center;
}
.directions .text th .img {
	width:40px;
}
.directions .text td {
	text-align:left;
	font-size:1em;
	color:#505050;
	
}
.history {
	width:100%;
}

.history .sub01 {
	width:95%;
	padding:10% 2.5% 15%;
	background:#f6f5fa;
}
.history .sub01 .list {width:100%;}
.history .sub01 .list > li {
	position: relative;
	padding-left:80px;
	padding-bottom:5%;
}
.history .sub01 .list > li > .year {
	position: absolute;
	left:0;
	top:0;
	width:60px;
	height:100%;
	border-right:1px solid #474e92;
	font-size: 18px;
	line-height:10px;
	color:#000000;
}
.history .sub01 .list > li > .year:before {
	content:"";
	display:block;
	position: absolute;
	right:-5.5px;
	top:0px;
	width:10px;
	height:10px;
	border-radius: 50%;
	background:#474e92;
}
.history .sub01 .list > li:last-child > .year:after {
	content:"";
	display:block;
	position: absolute;
	width:20px;
	height:1px;
	background:#474e92;
	right:-10px;
	bottom:0px;
}
.history .sub01 .list > li .text {
	width:100%;
	position: relative;
	top:-8.5px;
}
.history .sub01 .list > li .text th,
.history .sub01 .list > li .text td {
	font-size:1em;
	color:#505050;
	line-height:1.5em;
	padding:3px 0;
}
.history .sub01 .list > li .text th {width:40px;}
.history .sub02 {
	width:100%;
	padding:2% 0 15%;
	text-align:center;
}
.history .pageTitle {
	margin:0;
	padding: 10% 0 5%;
}
.history .sub02 .list {width:80%;padding:0 7.5%;margin:auto;position: relative;}
.history .sub02 #bx_list .text {
	font-size:1em;
	color:#666666;
	padding:10px 0;
}

#history_next,
#history_prev {
	position: absolute;
	top:50%;
	width:20px;
	margin-top:-25px;
}
#history_next {right:0;}
#history_prev {left:0;}

.history .sub03 {
	width:90%;
	padding:2% 5% 15%;
	background:#f6f5fa;
}
.history .sub03 .list {
	width:100%;
	overflow:hidden;
}
.history .sub03 .list li {
	width:49%;
	margin-right:2%;
	margin-bottom:2%;
	float:left;
}

.history .sub03 .list li:nth-child(2n) {
	margin-right:0;
}

#login {
	width:90%;
	padding:10% 5% 20%;
	background:#f6f5fa;
}
#login .login_center {
	width:100%;
	padding:0;
	
}
#login .login_center .login_b {
	padding:10%;
	border:1px solid #1b2478;
	background:#fff;
	margin-bottom:5%;
}
#login .login_center .login_b input {
	width:100%;
	height:3em;
	line-height:3em;
	border: 1px solid #bfbfbf;
	padding:0 10px;
	border-radius: 0;
	margin-bottom:5%;
	font-size:1.2em;
	color:#1e1e1e;
	box-sizing: border-box;
}
#login .login_center .login_b .login_btn {
	width:100%;
	margin:0;
}
#login .login_center .login_b  button {
	background:#1b2478;
	padding:0;
	border:0;
	width:100%;
	color:#fff;
	height:3em;
	line-height:3em;
	font-size:1.1em;
	font-family: "Noto Sans KR";
	margin-top:0%;
}
#login .login_center .find_id_password {
	width:100%;
	text-align:center;
}
#login .login_center .find_id_password > div {
	display:inline-block;
	font-size:1em;
	color:#505050;
}
#login .login_center .find_id_password >  .find_partition {
	width:1px;
	height:10px;
	background:#a8a8a8;
	margin:0 10px;
	position: relative; 
	top:1px;
}




#find {
	width:90%;
	padding:10% 5% 20%;
	background:#f6f5fa;
}

#find .box {
	padding:10%;
	border:1px solid #1b2478;
	background:#fff;
	margin-bottom:5%;
}
#find .box .find_password_message,
#find .box .find_password_auth_resend{
	font-size:1em;
	color:#666666;
	font-weight: 400;
	font-family: "Noto Sans KR";
	margin-bottom:3%;
}
#find .box .find_password_message_pw {
	font-size:1.1em;
	color:#666666;
	font-weight: 400;
	font-family: "Noto Sans KR";
	margin-bottom:3%;
}
#find .box .find_password_message_pw span {
	color:#1b2478;
	font-weight:500;
	font-size:0.8em;
}
#find .box #pwd_description {
	font-weight:500; 
}
#find .box .find_password_auth_resend #otpResend {
	color:#1b2478;
	font-weight:500;
}
#find .box input {
	width:100%;
	height:3em;
	line-height:3em;
	border: 1px solid #bfbfbf;
	padding:0 10px;
	border-radius: 0;
	margin:0 0 5%;
	font-size:1.2em;
	color:#1e1e1e;
	box-sizing: border-box;
}
#find .box .login_btn {
	width:100%;
	margin:0;
}
#find .box  button {
	background:#1b2478;
	padding:0;
	border:0;
	width:100%;
	color:#fff;
	height:3em;
	line-height:3em;
	font-size:1.1em;
	font-family: "Noto Sans KR";
	margin-top:0%;
	font-weight:400;
	border-radius: 0;
}
#find  .find_id_password {
	width:100%;
	text-align:center;
}
#find  .find_id_password > div {
	display:inline-block;
	font-size:1em;
	color:#505050;
	font-family: "Noto Sans KR";
	font-weight:400;
}
#find .find_id_password >  .find_partition {
	width:1px;
	height:10px;
	background:#a8a8a8;
	margin:0 10px;
	position: relative; 
	top:1px;
}

section.find_common_layout div.find_common_center div.find_id_info {
	font-family: "Noto Sans KR";
	text-align:center;
	font-size:1em;
	color:#666666;
	font-weight: 400;
	padding:10% 0;
}
section.find_common_layout div.find_common_center div.find_id_info span{
	color:#242d7e;
	font-weight:500;
}
/*占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈벨�숋옙�좎굲�좎럡�э옙�뗭삕占쎈낄沅싷옙��占쎈Ŋ�뺧옙�モ닪筌욎�λ쐻占쎈슢�녶뜝�덈염壤쏆��삕�좎럡�∽옙醫롫쑌�곌랬�숁걹壤쎼굩�숃껀占쎌궍�앾옙�됰뮛�좎떬猿딆맶�좎럥��옙��앾옙��빃�좎럩�귨옙�뗭삕獄쏅챶瑜� 占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈벨�숋옙�좎굲�좎럡�э옙�뗭삕占쎈낄沅싷옙��占쎈Ŋ�뺧옙�モ닪占썬굩�숋옙源낅폖�좎럩�귛퐲�룹삕占쎈굝留뚳옙醫롫윥�좎뜴�앾옙袁⑸쳥鶯ㅼ룆占쏙옙誘ｋ쐻占쎄쑬��옙醫롫짗占쏙옙 占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈틶�앾옙�뚯삕�좎럥�ㅷ빊占쎌삕�좎럥爾�옙醫롫윥甕겸뫅�숋옙�낃퐵占쎌뼔占썸뤃占� �좎럩伊숋옙�논렭占쎈뿭�뺝뜝�뚮윪占쎈틶�앾옙�덉쓴�좎럥�띰옙�얠삕占쎈돉瑗ε뜝�꾪돪占쎌룞�숋옙�좎굲�좎룞�숋㎗蹂잙쐻占쎈뜉�롥뜝�뚭땔占쎌닂�숋옙�밸㎍�좎럩伊쒙옙占�*/
#memberjoin {
	width:95%;
	padding:10% 2.5% 20%;
	background:#f6f5fa;
}

#memberjoin .agreement{
	font-size: 0.8em;
    color: #888888;
    padding: 20px 10px;
    overflow-y: auto;
    height: 200px;
    border: 1px solid #dddce1;
    border-top: 2px solid #000000;
	margin:10% 0 3%;
	background: #fff;
}
#memberjoin .agreement h2{
	margin-bottom: 15px;
	font-size: 15px;
}
section#memberjoin .agreement_chk label {
	font-size:1.2em;
	color:#666666;
	font-family: "Noto Sans KR";
	font-weight:400;
}


#memberjoin input[type="checkbox"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

#memberjoin input[type="checkbox"]:hover + label:before {
  border-color: #999;
}
#memberjoin input[type="checkbox"]:active + label:before {
  transition-duration: 0;
  filter: brightness(0.2);
}

#memberjoin input[type="checkbox"] + label {
	position: relative;
	padding-left: 25px;
	font-weight: 400;
	font-size:1em;
	line-height:22px;
	color:#666666;
	font-family: "Noto Sans KR";
	
}
#memberjoin input[type="checkbox"] + label:before,
#memberjoin input[type="checkbox"] + label:after {
  box-sizing: content-box;
  position: absolute;
  content: '';
  display: block;
  left: 0;
}
#memberjoin input[type="checkbox"] + label:before {
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -9px;
  border: 2px solid #d9d9d9;
  text-align: center;
}

#memberjoin input[type="checkbox"] + label:after {
  background-color: transparent;
  top: 50%;
  left: 5px;
  width: 7px;
  height: 4px;
  margin-top: -4px;
  border-style: solid;
  border-color: #555;
  border-width: 0 0 3px 3px;
  -moz-transform: rotate(-45deg) scale(0);
  -ms-transform: rotate(-45deg) scale(0);
  -webkit-transform: rotate(-45deg) scale(0);
  transform: rotate(-45deg) scale(0);
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
#memberjoin input[type="checkbox"]:checked + label:before {
  -moz-animation: borderscale 200ms ease-in;
  -webkit-animation: borderscale 200ms ease-in;
  animation: borderscale 200ms ease-in;
   border: 2px solid #555;
}
#memberjoin input[type="checkbox"]:checked + label:after {
  content: '';
  -moz-transform: rotate(-45deg) scale(1);
  -ms-transform: rotate(-45deg) scale(1);
  -webkit-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
  -moz-transition: -moz-transform 200ms ease-out;
  -o-transition: -o-transform 200ms ease-out;
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
}
#memberjoin .step_btn {
	width:100%;
	text-align:center;
	margin-top:10%;
}
#memberjoin .step_btn > div {display:inline-block;margin:0 5px;}
#memberjoin .step_btn > div button {
	color:#fff;
	line-height:2.5em;
	height:2.5em;
	width:100px;
	padding:0;
	border:0;
	font-size:1em;
	font-family: "Noto Sans KR";
}
#memberjoin .step_btn > div #next-btn {background:#1b2478;}
#memberjoin .step_btn > div #cancel-btn {background:#787878;}

#memberjoin .endjoin {
	border:1px solid #1b2478;
	width:80%;
	padding:10% 5%;
	margin:0 auto;
	background:#fff;
	text-align:center;
}
#memberjoin .endjoin h3 {
	font-size: 2em;
    color: #333333;
    font-weight: 500;
}
#memberjoin .endjoin .bar {
	margin: 3% auto 5%;
	width:25px;
	height:1px;
	background:#b2b2b2;
}
#memberjoin .endjoin p {
	font-family: "Noto Sans KR";
	font-size:1em;
	line-height:1.5em;
	color:#555555;
	margin-bottom:7%;
	font-weight:400;
	
}
#memberjoin .endjoin .blue {color:#1b2478;font-weight:500;}
#memberjoin .endjoin .black {color:#000000;font-weight:500;}

#memberjoin .endjoin #confirm-btn {
	width:90%;
	margin:auto;
	padding:0;
	border:none;
	background: #fff;
}

#memberjoin .myinfoTitle {
	font-size:1.5em;
	color:#000000;
	font-weight:500;
	margin-bottom:2%;
}
#memberjoin .infoBox {
	width:100%;
	padding:7% 0;
	margin:0 auto 5%;
	text-align:center;
	background:#f6f5fa;
	font-size:1em;
	line-height:1.5em;
	font-weight:500;
	color:#444444;
}
#memberjoin .infoBox span {color:#1b2478}

/*占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈벨�숋옙�좎굲�좎럡�э옙�뗭삕占쎈낄沅싷옙��占쎈Ŋ�뺧옙�モ닪占썬굩�숋옙源낅폖�좎럩�귛퐲�룹삕占쎈굝留뚳옙醫롫윥�좎뜴�앾옙袁⑸쳥鶯ㅼ룆占쏙옙誘ｋ쐻占쎄쑬��옙醫롫짗占쏙옙 占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈틶�앾옙�뚯삕�좎럥�ㅷ빊占쎌삕�좎럥爾�옙醫롫윥甕겸뫅�숋옙�낃퐵占쎌뼔占썸뤃占�*/
#infopass {
	width:90%;
	padding:10% 5% 20%;
	background:#f6f5fa;
	text-align:center;
}
#infopass h3 {
	font-size:1.2em;
	color:#444444;
	font-weight:500;
	margin-bottom:10%;
}
#infopass .confirm_pwd {
	width:250px;
	margin:auto;
}
#infopass .confirm_pwd .input_wrap {
	overflow:hidden;
	text-align:left;
	margin-bottom:2%;
}
#infopass .confirm_pwd .input_wrap .input_title ,
#infopass .confirm_pwd .input_wrap .input_content {
	float:left;
	line-height:2.5em;
	font-size:1em;
}
#infopass .confirm_pwd .input_wrap .input_title {
	color:#8c8c8c; 
	width:70px;
}
#infopass .confirm_pwd .input_wrap .input_content input {
	line-height:2.5em;
	height:2.5em;
	width:180px;
}
#infopass .confirm_pwd .input_wrap .input_content span {color:#1b2478;font-weight:500;}
#infopass .confirm_btn {
	text-align:center;
	padding:10% 0 5%;
	overflow:hidden;
}
#infopass .confirm_btn button {
	width:120px;
	height:2.5em;
	line-height:2.5em;
	color:#fff;
	font-size:1em;
	padding:0;
	border:none;
	float:left;
}
#infopass .confirm_btn #next-btn {background:#1b2478;margin-right:9px;}
#infopass .confirm_btn #cancel-btn {background:#787878;}

/*占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈벨�숋옙�좎굲�좎럡�э옙�뗭삕占쎈낄沅싷옙��占쎈Ŋ�뺧옙�モ닪占썬굩�숋옙源낅폖�좎럩�귛퐲�룹삕筌뤾쑬�띶뜝�뚯쪠占싸우삕熬곎딆굲�좎럩沅좑옙�ｋ쐻占쎈슢�뚦뜝�숈삕*/
#content-wrap {
	width:95%;
	padding:0% 2.5% 5%;
}
#content-wrap .hack_contents {
	border:7px solid #f2f2f2;
	padding:7% 5%;
	text-align:center;
	font-size:1em;
	line-height:1.5em;
	color:#444444;
}
#hack-list {
	width:95%;
	margin:5% auto 20%;
}
#hack-list h3 {
	font-size:1.15em;
	color:#444444;
	font-weight:500;
	margin-bottom:10px;
}
#hack-list input,
#hack-list select {
	border:1px solid #d9d9d9;
	height:3em;
	line-height:3em;
	width:100%;
	padding:0 10px;
	margin-bottom:10%;
	border-radius: 0;
	font-size:1em;
	color:#444444;
}

#hack-list .btn_list {
	width:100%;
	padding:5% 0;
	text-align:center;
}
#hack-list .btn_list button {
	width:110px;
	height:2.5em;
	line-height:2.5em;
	color:#fff;
	border:none;
	border-radius: 0;
	margin:0 3px;
	font-family: "Noto Sans KR";
}
#hack-list .btn_list .btn_save {background:#1b2478;}
#hack-list .btn_list .btn_prev {background:#787878;}

/*占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈틶�앾옙��쑋�좎럥�띰옙�얠삕占쏙옙逾껓옙�뗭춾占쎈챷留띰옙醫롫윥占쎈돍�숃눧�덉맶�좎뜦維뽬떋�λ쐻占쎈슢臾꾢뜝�뚮땬占쎌닂�숋옙占쎈젇占쎌쥙�⒳펺�뗭삕�앭퐲��삕占쎈냱援뀐┼��꿰뙴洹⑥삕筌먦룂�뺝뜝�ш틕占쎈뀘�앾옙�덉굲*/
#wishlist {
	width:95%;
	padding:10% 2.5% 20%;
	background:#f6f5fa;
}
#wishlist .goods-area {
	border-top:2px solid #000000;
	background:#fff;
	padding:0%;
}

#wishlist .goods-area .goods-list-item {
	overflow:hidden;
	padding:7% 5%;
	border-bottom: 1px solid #e5e5e5;
}
#wishlist .goods-area .goods-list-item .goods-list-chk {
	width:100%;
}
#wishlist .goods-area .goods-list-item .goods-list-chk input[type="checkbox"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

#wishlist .goods-area .goods-list-item .goods-list-chk input[type="checkbox"]:hover + label:before {
  border-color: #999;
}
#wishlist .goods-area .goods-list-item .goods-list-chk input[type="checkbox"]:active + label:before {
  transition-duration: 0;
  filter: brightness(0.2);
}

#wishlist .goods-area .goods-list-item .goods-list-chk input[type="checkbox"] + label {
	position: relative;
	padding-left: 25px;
	font-weight: 400;
	font-size:1.2em;
	line-height:22px;
	color:#000000;
	font-family: "Noto Sans KR";
	
}
#wishlist .goods-area .goods-list-item .goods-list-chk input[type="checkbox"] + label:before,
#wishlist .goods-area .goods-list-item .goods-list-chk input[type="checkbox"] + label:after {
  box-sizing: content-box;
  position: absolute;
  content: '';
  display: block;
  left: 0;
}
#wishlist .goods-area .goods-list-item .goods-list-chk input[type="checkbox"] + label:before {
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -9px;
  border: 2px solid #d9d9d9;
  text-align: center;
}

#wishlist .goods-area .goods-list-item .goods-list-chk input[type="checkbox"] + label:after {
  background-color: transparent;
  top: 50%;
  left: 5px;
  width: 7px;
  height: 4px;
  margin-top: -4px;
  border-style: solid;
  border-color: #1b2478;
  border-width: 0 0 3px 3px;
  -moz-transform: rotate(-45deg) scale(0);
  -ms-transform: rotate(-45deg) scale(0);
  -webkit-transform: rotate(-45deg) scale(0);
  transform: rotate(-45deg) scale(0);
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
#wishlist .goods-area .goods-list-item .goods-list-chk input[type="checkbox"]:checked + label:before {
  -moz-animation: borderscale 200ms ease-in;
  -webkit-animation: borderscale 200ms ease-in;
  animation: borderscale 200ms ease-in;
   border: 2px solid #555;
}
#wishlist .goods-area .goods-list-item .goods-list-chk input[type="checkbox"]:checked + label:after {
  content: '';
  -moz-transform: rotate(-45deg) scale(1);
  -ms-transform: rotate(-45deg) scale(1);
  -webkit-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
  -moz-transition: -moz-transform 200ms ease-out;
  -o-transition: -o-transform 200ms ease-out;
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
}

#wishlist .goods-area .goods-list-item .goods-list-box {
	overflow:hidden;
	margin-top:10px;
    width: 100%;
}

#wishlist .goods-area .goods-list-item .goods-list-box .goods-list-img {
	float:left;
	padding-right:10px;
	min-height:90px;
	display: table;
}
#wishlist .goods-area .goods-list-item .goods-list-box .goods-list-img img {
	border:1px solid #eee;
}
#wishlist .goods-area .goods-list-item .goods-list-box .goods-list-info {
	float:left;
	font-size:1em;
	min-height:90px;
	display: table;
}
#wishlist .goods-area .goods-list-item .goods-list-box .goods-list-info .goods-option {
	display:table-cell;vertical-align:middle;
}
#wishlist .goods-area .goods-list-item .goods-list-box .goods-list-info .goods-option div{
	font-size:1em;
	line-height:1.5em;
	color:#444444;
	margin-bottom:3px;
}
#wishlist .goods-area .goods-list-item .goods-list-box .goods-list-info .goods-option div .tit {
	font-size:1em;
	line-height:1.5em;
	color:#969696;
	display:inline-block;
	width:70px;
}


#wishlist .btn_area {
	width:100%;
	padding:5% 0;
	text-align:center;
}
#wishlist .btn_area > a {
	width:110px;
	margin:0 3px;
	display:inline-block;
	height:2.5em;
	line-height:2.5em;
	color:#fff;
	border:none;
	border-radius: 0;
	font-family: "Noto Sans KR";
	font-size:1em;
}
#wishlist .btn_area .cart {background:#1b2478;}
#wishlist .btn_area .goods {background:#787878;}

#wishlist #chk-del-btn {
	margin:5% 0;
	text-align:left;
}
#wishlist #chk-del-btn a {
	width:110px;
	display:inline-block;
	height:2.5em;
	line-height:2.5em;
	color:#1b2478;
	font-family: "Noto Sans KR";
	font-size:1em;
	border:1px solid #1b2478;
	text-align:center;
}
.pageCate {
	width:95%;
	padding:0 2.5% 5%;
	overflow:hidden;
}
.pageCate > li {
	float:left;
	width:49%;
	text-align:center;
	margin-right:2%;
	border:1px solid #1b2478;
	box-sizing: border-box;
}
.pageCate > li:nth-child(even) {margin-right:0;}
.pageCate > li > a {
	font-family: "Noto Sans KR";
	font-size:1em;
	color:#1b2478;
	height:2.5em;
	line-height:2.5em;
	display:block;
}
.pageCate > li.on > a {
	color:#fff;
	background:#1b2478;
}

#emoneylistBox {
	width:95%;
	margin:0% auto 5%;
	padding:7% 0;
	border:7px solid #f2f2f2;
	box-sizing: border-box;
	text-align:center;
	font-size:16px;
	font-family: "Noto Sans KR";
	color:#444444;
	line-height:1.5em;
}
#emoneylistBox span {
	font-size:16px;
	font-family: "Noto Sans KR";
	font-weight:500;
}
#emoneylistBox span.name {color:#000;}
#emoneylistBox span.blue {color:#1b2478;}

/*占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈벨�숋옙�좎굲�좎럥肉�옙類㏃삕�ル∥吏쀥뜝�뚮땬占쎌닂�숁�⑥�ャ럪�좎럩伊숋옙恝�숃쥈占쎌몡亦껋꼻��옙�ｋ쐻占쎄쑴維볩옙醫롫쑆占쎌닂�숋옙�⑹맶占쎌쥜��*/
 {
	width:95%;
	padding:10% 2.5% 20%;
	background:#f6f5fa;
}
 .order_item_list {
	border-top:2px solid #000000;
	background:#fff;
	padding:0%;
}

 .order_item_list .goods-list-item {
	overflow:hidden;
	padding:7% 5%;
	border-bottom: 1px solid #e5e5e5;
}
 .order_item_list .goods-list-item .goods-list-chk {
	width:100%;
}
 .order_item_list .goods-list-item .goods-list-chk input[type="checkbox"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

 .order_item_list .goods-list-item .goods-list-chk input[type="checkbox"]:hover + label:before {
  border-color: #999;
}
 .order_item_list .goods-list-item .goods-list-chk input[type="checkbox"]:active + label:before {
  transition-duration: 0;
  filter: brightness(0.2);
}

 .order_item_list .goods-list-item .goods-list-chk input[type="checkbox"] + label {
	position: relative;
	padding-left: 25px;
	font-weight: 400;
	font-size:1.1em;
	line-height:22px;
	color:#000000;
	font-family: "Noto Sans KR";
	
}
 .order_item_list .goods-list-item .goods-list-chk input[type="checkbox"] + label:before,
 .order_item_list .goods-list-item .goods-list-chk input[type="checkbox"] + label:after {
  box-sizing: content-box;
  position: absolute;
  content: '';
  display: block;
  left: 0;
}
 .order_item_list .goods-list-item .goods-list-chk input[type="checkbox"] + label:before {
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -9px;
  border: 2px solid #d9d9d9;
  text-align: center;
}

 .order_item_list .goods-list-item .goods-list-chk input[type="checkbox"] + label:after {
  background-color: transparent;
  top: 50%;
  left: 5px;
  width: 7px;
  height: 4px;
  margin-top: -4px;
  border-style: solid;
  border-color: #1b2478;
  border-width: 0 0 3px 3px;
  -moz-transform: rotate(-45deg) scale(0);
  -ms-transform: rotate(-45deg) scale(0);
  -webkit-transform: rotate(-45deg) scale(0);
  transform: rotate(-45deg) scale(0);
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
 .order_item_list .goods-list-item .goods-list-chk input[type="checkbox"]:checked + label:before {
  -moz-animation: borderscale 200ms ease-in;
  -webkit-animation: borderscale 200ms ease-in;
  animation: borderscale 200ms ease-in;
   border: 2px solid #555;
}
 .order_item_list .goods-list-item .goods-list-chk input[type="checkbox"]:checked + label:after {
  content: '';
  -moz-transform: rotate(-45deg) scale(1);
  -ms-transform: rotate(-45deg) scale(1);
  -webkit-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
  -moz-transition: -moz-transform 200ms ease-out;
  -o-transition: -o-transform 200ms ease-out;
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
}

 .order_item_list .goods-list-item .goods-list-box {
	overflow:hidden;
	margin-top:10px;
    width: 100%;
}

 .order_item_list .goods-list-item .goods-list-box .goods-list-img {
	float:left;
	padding-right:10px;
	min-height:90px;
	display: table;
	width:100px;
}

 .order_item_list .goods-list-item .goods-list-box .goods-list-info {
	float:left;
	font-size:1em;
	min-height:90px;
	display: table;
	position: relative;
}
 .order_item_list .goods-list-item .goods-list-box .goods-list-info .goods-option {
	display:table-cell;vertical-align:middle;
}
 .order_item_list .goods-list-item .goods-list-box .goods-list-info .goods-option div{
	font-size:1em;
	line-height:1.5em;
	color:#444444;
	margin-bottom:3px;
}
 .order_item_list .goods-list-item .goods-list-box .goods-list-info .goods-option div .tit {
	font-size:1em;
	line-height:1.5em;
	color:#969696;
	display:inline-block;
	width:70px;
}
.agreement {
	width:100%;
}
.agreement .agreement-content {
	height: 100px; overflow-y: scroll; border: solid #dddddd 1px; background: #ffffff; padding: 5%;
	border-top:2px solid #000;
	font-size:0.8em;
	color:#888888;
} 

.agreement  input[type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.agreement input[type="radio"]:hover + label:before {
  border-color: #999;
}
.agreement input[type="radio"]:active + label:before {
  transition-duration: 0;
  filter: brightness(0.2);
}

.agreement input[type="radio"] + label {
	position: relative;
	padding-left: 22px;
	font-weight: normal;
	font-size:1em;
	padding-right:5px;
    letter-spacing: -1px;
	font-family: "Noto Sans KR";
	color:#666666;
}
.agreement input[type="radio"] + label:before,
.agreement input[type="radio"] + label:after {
  box-sizing: content-box;
  position: absolute;
  content: '';
  display: block;
  left: 0;
}
.agreement input[type="radio"] + label:before {
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -10px;
  border: 2px solid #d9d9d9;
  text-align: center;
}
.agreement input[type="radio"] + label:after {
  top: 50%;
  left: 6px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  transform: scale(0);
  transform-origin: 50%;
  transition: transform 200ms ease-out;
}
.agreement input[type="radio"] + label:after {
  background-color: transparent;
  top: 50%;
  left: 5px;
  width: 7px;
  height: 4px;
  margin-top: -5px;
  border-style: solid;
  border-color: #555;
  border-width: 0 0 3px 3px;
  -moz-transform: rotate(-45deg) scale(0);
  -ms-transform: rotate(-45deg) scale(0);
  -webkit-transform: rotate(-45deg) scale(0);
  transform: rotate(-45deg) scale(0);
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
.agreement input[type="radio"]:checked + label:before {
  -moz-animation: borderscale 200ms ease-in;
  -webkit-animation: borderscale 200ms ease-in;
  animation: borderscale 200ms ease-in;
   border: 2px solid #555;
}
.agreement input[type="radio"]:checked + label:after {
  content: '';
  -moz-transform: rotate(-45deg) scale(1);
  -ms-transform: rotate(-45deg) scale(1);
  -webkit-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
  -moz-transition: -moz-transform 200ms ease-out;
  -o-transition: -o-transform 200ms ease-out;
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
}


#fail_end {
	width:95%;
	padding:10% 2.5% 20%;
	background:#f6f5fa;
}
#fail_end .box {
	border:1px solid #1b2478;
	padding:50px 0;
	background:#fff;
	text-align:center;
	margin-bottom:40px;
}
#fail_end .box .img {
	width:100%;
}
#fail_end .box .img img {width:100%;max-width:688px;}
#fail_end .box h3 {
	font-size:25px;
	color:#000;
	font-weight:300;
	line-height:30px;
	margin:0px auto 15px;
}
#fail_end .box h3 span {
	font-size:25px;
	color:#000;
	font-weight:500;
}
#fail_end .box p {
	line-height:1.5em;
	font-size:1.1em;
	color:#555555;
}
#fail_end .tit {
	font-size:1.5em;
	line-height:2em;
	color:#444;
	font-weight:500;
	border-top:2px solid #000000;
	padding:5px 0;
}
#fail_end .con {
	width:100%;
	text-align:left;
	padding:10px 0;
	display: block;
	border-bottom:1px solid #acabaf;
}
/*#fail_end .con2 {
	border-top:1px solid #acabaf;
}*/

#fail_end .con th,
#fail_end .con td {
	font-size:1.1em;
	line-height:1.5em;
	padding:5px 0;
}

#fail_end .con th {
	width:100px;
	color:#444444;
}
#fail_end .con td {
	color:#999999;
}
#fail_end .con td.num {
	color:#1b2478;
	font-weight:500;
}
#fail_end .con td b {font-weight:bold;}
#fail_end .ord_btn {
	text-align:center;
	padding-top:20px;
}
#fail_end .ord_btn a {
	background: #1b2478;
	display: inline-block;
    width: 120px;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    color: #fff;
}


/*占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈벨�숋옙�좎굲嶺뚮��껆빊�ｋ쐻占쎌늿�뺧옙�우뿥占쎌빢�숋옙占쎈츛�좎럥�삼옙占쎈쨨�좎럩�뺝뜝�숈삕�닿엥�앾옙��볡춯�삠돘占쎌눨�앭뜝占�**/

#intro {
	width:90%;
	padding:0 5%;
	min-height:100%;
	position:relative;
	background:url('../img/main/intro_bg.jpg') center top no-repeat;
	background-size:100% 100%;
	text-align:center;
}
#intro .title {
	padding-top:15%;
	line-height:3em;
	text-transform:uppercase;
	font-size:1.2em;
	color:#2e3a9c;
	letter-spacing: 1.5px;
	font-weight:400;
	border-bottom:2px solid #000000;
}
#intro .box {width:100%;overflow:hidden;padding:8% 0;}
#intro .box li {width:49.5%;position:relative;}
#intro .box li.left {float:left;}
#intro .box li.right {float:right;}
#intro .box li .text {
	position: absolute;
	width:80%;
	left:10%;
	top:50%;
	padding:20% 0;
	background:rgba(255,255,255,0.8);
	transform : translateY(-50%);
}
#intro .box li .text h3 {
	font-family:"Montserrat";
	font-weight:700;
	color:#000000;
	font-size:20px;
	line-height:1.5em;
}
#intro .box li .text p {
	font-size:1em;
	line-height:1.5em;
	color:#000000;
}

.catalogue,.english {
	display:block;width:100%;
	height:45px;
	line-height:45px;margin-bottom:5%;border:1px solid #232d86;box-sizing: border-box;font-size:1.15em;
	font-weight:400;
	letter-spacing: 1px;
}
.english,.english:hover {color:#232d86}
.catalogue,.catalogue:hover {color:#fff;background:#232d86;}
.catalogue img,.english img{vertical-align:top;margin-right:5px;}












/**productList**/
.product{width:94%;margin: 0 auto 50px;}
.productNav {padding-top:30px;line-height:20px;font-size:12px;color:#505050;}
.product .product_list {
	width:100%;
	overflow:hidden;
	margin-top:35px;
}
.product .product_list  > li {
	float:left;
	box-sizing:border-box;
	width:49.5%;
	margin-right:1%;
	margin-bottom:30px;
	position: relative;
	text-align:center;
}
.product .product_list  > li:nth-child(2n) {margin-right:0;}
.product .product_list  > li  .tit {
	font-size:14px;
	color:#350101;
	line-height:150%;
	height:50px;
}
.product .product_list  > li .img {
	border:1px solid #d9d9d9;
	box-sizing:border-box;
	width:100%;
}
.product .product_list  > li .img img {
	width:100%;
	height:auto;
}





.product .product_view {
	width:100%;
	margin-top:35px;
}
.product .product_view .viewTop {overflow:hidden;}
.product .product_view .bigBox {
	width:100%;
}
.product .product_view .bigBox .bigBx li{border:1px solid #d9d9d9;}
.product .product_view #bx-pager {
	width:100%;
	overflow:hidden;
	margin-top:20px;
}
.product .product_view #bx-pager li {float:left;margin-right:1%;border:1px solid #d9d9d9;}
.product .product_view #bx-pager li a {position: relative;display:block;}
.product .product_view #bx-pager li a:after {
	position: absolute;
	content:"";
	display:block;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:rgba(0,0,0,0.4);
	-webkit-transition: all 0.25s;
   transition: all 0.25s;
}
.product .product_view #bx-pager li a.active:after {background:rgba(0,0,0,0.0);}
.product .product_view #bx-pager li:nth-child(5){margin-right:0;} 
.product .product_view .rightText {
	width:100%;
	padding-top:50px;
}
.product .product_view .rightText .tit {
	line-height:40px;
	padding:12.5px  0;
	font-size:20px;
	color:#000000;
	font-weight:500;
	border-bottom:1px solid #b7b7b7;
}
.product .product_view .rightText .table {
	width:100%;
	border-bottom:1px solid #b7b7b7;
	padding:10px 0;
	text-align:left;
}
.product .product_view .rightText .table th ,
.product .product_view .rightText .table td {
	line-height:20px;padding:12.5px 0;vertical-align:top;
	font-size:14px;
	color:#505050;
}
.product .product_view .rightText .table th {width:140px;}
.product .product_view .rightText .table th p {
	position: relative;
	font-size:14px;
	color:#505050;
	font-weight:500;
	padding-left:20px;
}
.product .product_view .rightText .table th p:after {
	position: absolute;
	content:"";
	display:block;
	left:5px;;
	top:8.5px;
	width:5px;
	height:5px;
	background:#1b2478;
}
.product .product_view .rightText  .colorSelect {
	border:1px solid #dadada;	
	font-size:16px;
	color:#505050;
	line-height:36px;
	height:38px;
	padding:0 40px 0 10px;
	background:url(images/enmirror/page/product_color.jpg) right 16px no-repeat;
	-webkit-appearance: none; /* 占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈틶�앾옙�덉굲�좎럥�띰옙�얠삕占쎈뜆�댐옙醫롫윥甕겸뫅�숋옙��굲�좎떬�ろ떋�좎럩伊숋옙罐由곤옙�μ굲�좎럥肉�옙類앸쐻占쎈슡��옙紐뚰맔占쎌늼�ユ에�ъ�占쎌쥙猷욑옙占� 占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈벨�숋옙�좎굲嶺뚮��껆빊�ｋ쐻占쎌늿�뺧옙�우뿥占쎌빢�숋옙占썬걙占쎌쥙猷욑옙占� 占쎌쥙�⒳펺�뗭삕�앾옙�뗭삕熬곣뫁占쏙옙醫롫윞占쎈떼占쎌뼚占싸살맶�좎럥�ｏ쭫議얜쐻占썩뫖爾밧뜝�뚮듆占쎌렲��옙�낅폆�좎럩伊숋옙恝�쇿뜝�뚯굲�좎럩�섓옙類㏃삕占썬꺃�녑뜝�숈삕 */
	-moz-appearance: none;
	appearance: none;
}
.product .product_view .rightText  .colorSelect::-ms-expand {
   display: none;            /* 占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈벨�숋옙�좎굲�좎럡�뷂쭫濡μ돺�좎룞�쇿뜝�뚰닞占쎌쥙�⒳펺�뗭삕占쎌눘�뺝뜝�뚮닔占쎈틹異�솒占쎌┛�좎럥踰⑨옙�뗭삕占싼뗪틡占쎌쥙猷욑옙占� 占쎌쥙�⒳펺�뗭삕占쎈끉��뜝�덈열占쎈벨�숋옙�좎굲�좎럡�깍옙癒뀁삕占썬끏�랃옙醫롫쑕占쎌빢�숋옙�깆땠�좎럩伊숋옙恝�숋옙�뱀굲占쎌쥙�⑼옙�쎌삕占썩뫀�길쾬�낃덮占쏙옙 for IE10, 11*/
}
.product .product_view  .content {padding-top:50px;width:100%;}
.product .product_view  .content img {max-width:100% !important}


.page{}
.page a.more{
	display:block;
	width:100%;height:40px;
	background:#1b2478;
	text-align:center;line-height:40px;
	color:#fff;
}




/*  */
.menu .links{border-bottom:1px solid #ddd;}
.menu .links ul{}
.menu .links ul li{border-bottom:1px solid #ddd;}
.menu .links ul li a{
	display:block;
	width:100%;height:45px;
	text-align:left;line-height:45px;
	padding-left:50px;
	box-sizing:border-box;
	color:#fff;
    font-size: 1.5em;
}
.menu .links ul li.bg1 a{
	background:#888 url(../img/lnb_ico1.png) no-repeat 15px center;
	background-size:24px auto;
}
.menu .links ul li.bg2 a{
	background:#888 url(../img/lnb_ico2.png) no-repeat 15px center;
	background-size:24px auto;
}
.menu .links ul li.bg3 a{
	background:#888 url(../img/lnb_ico3.png) no-repeat 15px center;
	background-size:24px auto;
}