@charset "utf-8";
@import url('font.css'); /* 사이트 세부설정, 공통 클래스 설정, 기타 설정 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');

/* reset */
body {
	font-family: 'SUIT','Noto Sans KR',NanumGothic,'나눔고딕','돋움',dotum, sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:1.7;
	color:#69686f;	
	margin:0;
	padding:0;
	letter-spacing:-0.5px;
	-webkit-font-smoothing:antialiased;
    -moz-font-smoothing:antialiased;
    font-smoothing:antialiased;
}

*{margin:0; 	padding:0; box-sizing:border-box;}

h1, h2, h3, h4, h5, h6 {font-size:1em;}
strong, b, h1, h2, h3, h4, h5, h6, th{font-weight:600;}
em,i,address{font-style:normal;}
ul, ol {list-style:none;}
a{text-decoration:none; color:#69686f;}

*:focus{outline:none; }

button{cursor:pointer; border:none; background-color:#ffffff; font-family:inherit; font-weight:500;}
button:focus{outline:none;}

textarea:focus{outline:none; font-family:inherit;}

input:focus{outline:none; font-family:inherit;}
input[type=text]{font-family:inherit; border:1px solid #e6e6e6; background-color:#ffffff; font-size:15px; width:100%; padding:10px 15px; letter-spacing:-1px;
		border-radius:3px;}
input[type=password]{font-family:inherit; border:1px solid #e6e6e6; background-color:#ffffff; font-size:15px; width:100%; padding:10px 15px; 
		letter-spacing:-1px; border-radius:3px;}
input[type=file]{font-family:inherit;}

iframe{border:none; vertical-align:top;}

fieldset{border:none;}

legend{font-size:0; height:0; width:0;}

select{background-color:#ffffff; font-family:inherit;}

textarea{font-family:inherit; width:100%; overflow-y:auto; font-size:15px; text-align:left; padding:10px 10px;
		min-height:150px; border:1px solid #e6e6e6; border-radius:3px; vertical-align:top;}

img{border:none;}

br{letter-spacing:0; font-family:NanumGothic,'나눔고딕', sans-serif;}

table{word-break:break-all; word-wrap:break-word; table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0;} 
table caption{font-size:0; text-indent:-999999px;}





/***layout***/
.wrap{width:100%; height:100%; min-width:1780px;}
header{width:100%;}
main{width:100%;}
footer{width:100%; position:relative; position:fixed; bottom:0; left:0; right:0; width:100%; background-color:#29282c; padding:13px 0;}

/***common***/
.wrap img{display:block; max-width:100%; vertical-align:top; margin:0 auto;}
#content_go{width:0; height:0; font-size:0; text-indent:-999999px; overflow:hidden;}
.clearfix:after{content: ''; zoom:1; display:block; clear:both;}
.inner{width:1780px; margin:0 auto; padding:0 15px;}
.inner02{width:1780px; margin:0 auto;}
.inner03{width:1400px; margin:0 auto; padding:0 15px}
.inner04{width:1200px; margin:0 auto; padding:0 15px}
.swiper-wrapper{box-sizing:border-box;}
.main_container{padding:40px 0 130px; min-height:600px;}

/*button*/
.btn_basic01{background-color:#6868a7; border:1px solid #6868a7; font-size:16px; color:#ffffff; font-weight:500; text-align:center; border-radius:50px;
		padding:10px 5px;}
.btn_basic02{background-color:#eeeeee; border:1px solid #eeeeee; font-size:16px; color:#29282c; font-weight:500; text-align:center; border-radius:50px;
		padding:10px 5px;}

/*header_wrap01 PC / 가로 1201px 이상 common*/
.header_wrap01{width:100%; background-color:rgba(255,255,255,1); -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; 
		-o-transition:all 0.3s ease;  transition:all 0.3s ease;  z-index:240; }

/*.top_menu*/
.top_menu{background-color:#6868a7; color:#ffffff; text-align:center; padding:8px 0; font-size:13px; letter-spacing:-1px;}
.top_menu>div{position:relative;}
.top_sns_list{position:absolute; right:15px; top:3px; }
.top_sns_list>li{float:left; width:16px;}
.top_sns_list>li+li{margin-left:14px;}
.top_sns_list>li>a{display:block; width:100%;}
.top_sns_list>li>a img{width:100%;}

/*bottom*/
.bottom{padding:20px 0 0; border-bottom:1px solid #eeeeee;}
/*h1*/
.bottom h1{float:left; width:220px;}
.bottom h1>a{display:block; width:100%;}
.bottom h1>a img{width:100%;}

/*통합카테고리 total_category_wrap common*/
.total_category_wrap{float:right; margin-top:6px;}
/*btn_total_nav_open*/
.btn_total_nav_open{cursor:pointer; }
.btn_total_nav_open>*{display:inline-block; vertical-align:middle; color:#29282c;}
.btn_total_nav_open>span{position:relative; width:10px; height:2px; background-color:#29282c; margin-top:-1px; margin-right:5px;}
.btn_total_nav_open>span:before,.btn_total_nav_open>span:after{content:''; width:10px; height:2px; display:block; background-color:#29282c; 
		position:absolute; left:0; }
.btn_total_nav_open>span:before{top:-4px;}
.btn_total_nav_open>span:after{top:4px;}
.btn_total_nav_open:hover>*{color:#6868a7;}
.btn_total_nav_open:hover>span,.btn_total_nav_open:hover>span:before,.btn_total_nav_open:hover>span:after{background-color:#6868a7;}
/*통합카테고리메뉴*/
#total_category{width:0; height:100%; position:fixed; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0.9); z-index:500; overflow:hidden;
		-webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease; 
		box-shadow:1px 0 25px rgba(0,0,0,0.4);}
.total_category_inner{padding:80px 50px 40px;}
.side_member_login>li{display:inline-block; vertical-align:top; font-size:15px;}
.side_member_login>li+li{margin-left:10px;}
.side_member_login>li>a{display:block; padding:6px 20px; border-radius:50px; border:1px solid #ffffff; color:#ffffff; min-width:93px; text-align:center;}
.side_my_profile_wrap .side_my_profile_img{width:80px; height:80px; border:2px solid #6868a7; border-radius:50%; text-indent:-999999px; overflow:hidden; 
		background:url("/images/member/member_img01.jpg")no-repeat center center; background-size:cover;}
.side_my_profile_wrap>*{display:inline-block; vertical-align:middle;}
.side_my_profile_wrap>div{padding-left:10px;}
.side_my_profile_wrap>div>*{display:block; text-align:left; color:#ffffff;}
.side_my_profile_wrap strong{font-size:16px; }
.side_member_menu_wrap{margin-top:40px; font-size:0;}
.side_member_menu_wrap>li{display:inline-block; vertical-align:top; font-size:16px; position:relative;}
.side_member_menu_wrap>li+li{margin-left:10px; padding-left:10px;}
.side_member_menu_wrap>li+li:before{content:''; width:1px; height:12px; display:block; background-color:rgba(255,255,255,0.9); position:absolute; left:0; 
		top:8px;}
.side_member_menu_wrap>li>a{display:block; color:#ffffff; font-weight:500;}
.side_member_menu_wrap>li>a:hover{color:#8383db;}
.side_banner_wrap{margin-top:20px; padding:15px 0; border-top:1px solid rgba(255,255,255,0.2);}
.side_banner_wrap>li+li{margin-top:5px;}
.side_banner_wrap>li>a{color:#ffffff; font-size:16px;}
.side_banner_wrap>li>a:hover{color:#8383db;}
.side_menu_wrap{padding:15px 0; border-top:1px solid rgba(255,255,255,0.2);}
.side_menu_wrap h3{color:#ffffff; font-size:18px;}
.side_menu_wrap ul{margin-top:5px;}
.side_menu_wrap ul>li+li{margin-top:5px;}
.side_menu_wrap ul>li>a{color:#ffffff; font-size:16px;}
.side_menu_wrap ul>li>a:hover{color:#8383db;}
.side_set_up_menu{margin-top:20px;}
.side_set_up_menu>li{float:left; width:30px; margin-right:8px;}
.side_set_up_menu>li>a{display:block;}
.side_set_up_menu>li>a img{width:1005;}
.side_set_up_menu>li.logout{float:right; width:auto; margin-right:0; margin-top:3px;}
.side_set_up_menu>li.logout>a{color:#ffffff; font-size:15px;}

/*통합카테고리 메뉴닫기 버튼*/
#total_category .btn_close{height:30px; width:30px; cursor:pointer; position:absolute; left:20px; top:20px;}
#total_category .btn_close .close_icon{font-size:0; overflow:hidden; display:block; height:100%; width:100%; position:absolute; left:0; top:0;}
#total_category .btn_close .close_icon:before, #total_category .btn_close .close_icon:after{content:''; height:1px; width:30px; display:block;
		background-color:#ffffff;  position:absolute; top:18px; left:0px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
#total_category .btn_close .close_icon:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); -o-transform:rotate(45deg);
		-ms-transform:rotate(45deg);}

/*로그인 전 노출 메뉴*/
/*member_menu_wrap*/
.member_menu_wrap{float:right; margin-right:20px;}
.member_menu{ margin-top:7px;}
.member_menu>li{float:left; position:relative;}
.member_menu>li+li{margin-left:8px; padding-left:8px;}
.member_menu>li+li:before{content:''; width:1px; height:10px; display:block; background-color:#999999; position:absolute; left:0; top:7px; }
.member_menu>li>a{display:block; color:#8e8d93; font-weight:600;}
.member_menu>li>a:hover{color:#6868a7;}
/*로그인 후 노출 메뉴*/
/*my_menu_wrap*/
.top_my_menu_wrap>*{float:right;}
.top_my_menu_wrap>ul{margin-right:30px; margin-top:2px;}
.top_my_menu_wrap>ul>li{float:left; }
.top_my_menu_wrap>ul>li+li{margin-left:5px;}
.top_my_menu_wrap>ul>li>a{display:block; padding:6px 15px; color:#29282c; border:1px solid #8d8b90; border-radius:50px; line-height:1.2; font-size:15px; 
		font-weight:600;}
.top_my_menu_wrap>ul>li>a:hover{color:#6868a7; border-color:#6868a7;}
.top_my_menu_wrap>div>*{display:inline-block; vertical-align:middle;}
.top_my_menu_wrap>div>*+*{margin-left:8px;}
.top_my_menu_wrap>div button{ text-indent:-999999px; overflow:hidden; font-size:0;}
.top_my_profile_img{width:36px; height:36px; border:2px solid #6868a7; border-radius:50%; 
		background:url("/images/member/member_img01.jpg")no-repeat center center; background-size:cover;}
.top_btn_notification{width:24px; height:22px; background:url("/images/common/mail_icon.png")no-repeat center center; background-size:cover;}
.top_my_message_wrap{position:relative;}
.top_my_message_wrap>span{display:block; width:14px; height:14px; background-color:#c90000; color:#ffffff; font-size:6px; border-radius:50%;
		position:absolute; right:-4px; top:9px; line-height:1.0; padding-top:3px; text-align:center; }
.top_btn_message{width:24px; height:22px; background:url("/images/common/bell_icon.png")no-repeat center center; background-size:cover;}
.top_my_notify_popup{display:none; width:300px; height:400px;  z-index:750; position:absolute; right:-40px; top:40px; background-color:#ffffff;
		border:1px solid #aeaeae; z-index:700; }
.top_my_notify_popup>h6{padding:10px; font-size:15px; color:#29282c; font-weight:600; background-color:#fafafa;}
.top_my_notify_popup>h6>span{font-weight:500;}
.top_my_notify_popup ul{overflow-y:auto; height:260px; -ms-overflow-style: none; scrollbar-width: none; border-bottom:1px solid #eeeeee;}
.top_my_notify_popup ul::-webkit-scrollbar{display: none;}
.top_my_notify_popup li.no_notify{padding:0;}
.top_my_notify_popup li{padding:6px 10px; border-top:1px solid #eeeeee;}
.top_my_notify_popup li>*{display:inline-block; vertical-align:middle;}
.top_my_notify_popup li>p{text-align:center; display:block; padding:20px 10px; text-align:center;}
.top_my_notify_popup li>span input[type=checkbox]{display:none !important;}
.top_my_notify_popup li>span input[type=checkbox]+label{cursor:pointer; display:inline-block; vertical-align:middle; width:16px; font-size:0;
		height:16px; background:url("/images/common/check_box.png")no-repeat 0 0; background-size:16px auto;}
.top_my_notify_popup li>span input[type=checkbox]:checked+label{background:url("/images/common/check_box_on.png")no-repeat 0 0;
		background-size:16px auto;}
.top_my_notify_popup li>a{width:calc(100% - 50px); padding-left:4px; flex-shrink:1; margin-right:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
		font-weight:500;}
.top_my_notify_popup li .new_icon{width:16px; height:16px;}
.top_my_notify_popup li .new_icon img{width:100%;}
.top_my_message_wrap .btn_notify_wrap{margin-top:15px; text-align:right; padding:0 10px; }
.top_my_message_wrap .btn_notify_wrap button{color:#29282c; font-size:14px; font-weight:500; text-indent:0;}
.top_my_notify_popup .prev_next_page{margin-top:20px;} 
.top_my_notify_popup .prev_next_page>span>a{font-size:13px;}
.notify_more{position:absolute; right:10px; top:10px; color:#69686f;	}
.notify_more:hover{color:#29282c; }

/*.gnb*/
.gnb{float:left; margin-left:8%; margin-top:5px;}
.gnb>li{float:left; font-size:16px; position:relative;}
.gnb>li+li{margin-left:30px;}
.gnb>li>a{display:block; color:#29282c; padding:0 0 24px; }
.gnb>li:hover>a{color:#6868a7;}
.gnb_2depth_menu{position:absolute; left:0; top:45px; padding:16px 30px; border:1px solid #dad3d0; border-radius:15px; min-width:200px; display:none;
		box-shadow:1px 1px 6px rgba(240,237,233,0.5); background-color:#ffffff; z-index:350;}
.gnb_2depth_menu>li+li{margin-top:8px;}
.gnb_2depth_menu>li>a{display:block; font-size:14px; font-weight:600;}
.gnb_2depth_menu>li>a:hover{color:#6868a7;}
/*header_wrap01 스크롤 내렸을때 */
.header_wrap01.header_up{position:fixed; left:0; top:-38px; box-shadow:1px 1px 5px rgba(0,0,0,0.2);}
.header_wrap01.header_up .bottom{padding:12px 0 0; border-bottom:none;} 
.header_wrap01.header_up .gnb>li>a{padding:0 0 16px; }
.header_wrap01.header_up .gnb_2depth_menu{top:36px;}

/*header_wrap02 태블릿, 모바일 / 가로 1200px 이하*/
.header_wrap02{display:none; width:100%; padding:15px 15px; background-color:#ffffff; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; 
		-o-transition:all 0.3s ease;  transition:all 0.3s ease; min-width:300px; border-bottom:1px solid #8e8d93;}
/*header_wrap02 h1 logo*/
.header_wrap02 h1{float:left; width:185px;}
.header_wrap02 h1>a{display:block;}
.header_wrap02 h1>a img{width:100%;}
/*header_wrap02 전화연결 메뉴/ 모바일 메뉴 common*/
.header_wrap02 .util_menu{float:right; margin-top:2px;}
.header_wrap02 .util_menu>div{float:left; }
.header_wrap02 .util_menu>div+div{margin-left:8px;}
/* 모바일 search*/
.tm_search{width:24px; height:26px; position:relative; text-indent:-999999px; font-size:0; overflow:hidden;}
.tm_search>a{display:block; width:100%; height:100%;}
.tm_search>a:before{content:''; width:16px; height:16px; display:block; border-radius:50%; border:2px solid #69686f; position:absolute; left:0; 
		top:2px;}
.tm_search>a:after{content:''; width:8px; height:2px; display:block; border-radius:2px; background-color:#69686f; position:absolute; left:13px; 
		top:22px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);
		-ms-transform:rotate(45deg);}
/*전화연결*/
.phone_link{width:26px; height:26px; }
.phone_link>a{display:block; width:100%;}
.phone_link>a>img{width:100%;}
/*모바일 메뉴 열기 버튼*/
.btn_tm_nav_open{width:22px; height:26px; position:relative; cursor:pointer; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; 
		-o-transition:all 0.3s ease;  transition:all 0.3s ease; padding-top:5px;}
.btn_tm_nav_open span{display:block; width:100%; height:2px; overflow:hidden; font-size:0;  background-color:#69686f; margin:0 auto;
		-webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease; }
.btn_tm_nav_open span+span{margin-top:5px;}
/*모바일 메뉴 열렸을때 버튼 모양 x로 변경*/
.btn_tm_nav_open.on{z-index:600; position:fixed; right:25px; top:20px;}
.btn_tm_nav_open.on span{background-color:#ffffff;}
.btn_tm_nav_open.on span:nth-child(1){-webkit-transform: translateY(7px) rotate(-45deg); -ms-transform: translateY(7px) rotate(-45deg); 
		transform: translateY(7px) rotate(-45deg);}
.btn_tm_nav_open.on span:nth-child(2){opacity: 0;}
.btn_tm_nav_open.on span:nth-child(3){transform: translateY(-7px) rotate(45deg); -webkit-transform: translateY(-7px) rotate(45deg);
		-ms-transform: translateY(-7px) rotate(45deg);}
/*모바일 메뉴 배경 바탕막*/
.page_cover02{display:none; position:fixed; width:100%; height:100%; top:0px; left:0; background-color:rgba(255,255,255,0.9); z-index:499; 
		min-height:999999px;}
/*모바일,태블릿/1차 2차 카테고리  메뉴 common*/
.tm_gnb_wrap{display:block; width:100%; height:100%; position:fixed; top:0px; right:-100%; z-index:500; background-color:rgba(255,255,255,0.9); 
		overflow-y:auto;}
.tm_gnb_wrap .tm_title{background-color:#8383db; color:#ffffff; padding:50px 25px 10px; font-size:19px; font-weight:200; line-height:1.4;
		letter-spacing:-1px;}
.tm_gnb_wrap .tm_title strong{font-weight:400;}
/*모바일 로그인 메뉴*/
.tm_member_login_wrap{background-color:#8383db; color:#ffffff; padding:5px 25px 30px;}
.tm_member_login>li{float:left;}
.tm_member_login>li+li{margin-left:6px;}
.tm_member_login>li>a{display:block; padding:2px 12px; border-radius:6px; border:1px solid #ffffff; color:#ffffff;}
/*1차 카테고리  메뉴*/
.tm_gnb{width:100%; overflow-x:hidden; padding:30px 0 30px;}
.tm_gnb>li>a{display:block; color:#29282c;}
.tm_gnb>li strong{display:block; font-size:16px; color:#29282c; padding:9px 10px 9px 25px; cursor:pointer; position:relative; }
.tm_gnb>li .m_more{width:9px; height:9px; display:block; position:absolute; right:20px; top:19px; overflow:hidden; }
.tm_gnb>li .m_more:before,.tm_gnb>li .m_more:after{content:''; width:9px; height:1px; position:absolute; left:0; top:4px; display:block; 
		background-color:#999999;}
.tm_gnb>li .m_more:after{width:1px; height:9px; left:4px; top:0; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  
		transition:all 0.3s ease;}
.tm_gnb>li.active .m_more:after{display:none;}
/*2차 카테고리*/
.tm_gnb_2depth{display:none; background-color:#f6f6fc; padding:15px 0 15px 0;}
.tm_gnb_2depth>li{line-height:1.5;}
.tm_gnb_2depth>li+li{margin-top:7px;}
.tm_gnb_2depth>li>a{display:block; font-size:14px; padding:0 10px 0 37px; position:relative; font-weight:500;}
.tm_gnb_2depth>li>a:before{content:'-'; display:block; position:absolute; left:25px; top:0;}
.tm_gnb_2depth>li>a:hover{color:#6868a7;}
/*tm_gnb02 */
.tm_gnb02{border-top:1px solid #8e8d93; border-bottom:1px solid #8e8d93; padding:8px 25px;}
.tm_gnb02>li{float:left; font-size:13px; margin-right:10px; padding:1px 0; letter-spacing:-1px;}
.tm_gnb02>li>a{display:block;}
.tm_gnb02>li>a:hover{color:#6868a7;}
.tm_gnb03{padding:0 25px 10px;}
.tm_gnb03>li+li{margin-top:5px;}
.tm_gnb03>li>a{display:block; font-size:15px;}
/*로그인 후 프로필 이미지 불러오기*/
.tm_my_profile_wrap{font-size:0;}
.tm_my_profile_wrap>*{display:inline-block; vertical-align:middle;}
.tm_my_profile_img{width:36px; height:36px; border:2px solid #eeeeee; border-radius:50%; text-indent:-999999px; overflow:hidden; 
		background:url("/images/member/member_img01.jpg")no-repeat center center; background-size:cover; margin-right:8px; }
.tm_my_profile_wrap>strong{font-weight:500; color:#ffffff; font-size:15px; width:calc(100% - 44px); line-height:1.4;}

/*sns 리스트*/
.side_sns_list{text-align:center; margin-top:20px; font-size:0;}
.side_sns_list>li{display:inline-block; vertical-align:top; width:30px;}
.side_sns_list>li+li{margin-left:15px;}
.side_sns_list>li>a{display:block;}
.side_sns_list>li>a img{width:100%;}


/*header_wrap02 태블릿, 모바일 / 가로 1200px 이하 스크롤 내렸을때 */
.header_wrap02.header_up02{padding:12px 15px; position:fixed; top:0; left:0; z-index:500; box-shadow:1px 1px 3px rgba(0,0,0,0.2); 
		background-color:rgba(255,255,255,0.98); border-bottom:none;}

/*main_visual_wrap*/
.main_visual_wrap{padding:35px 0; background:#f0ede9 url("/images/main/bg_main.png")no-repeat 0 -10px; }
.main_visual_wrap>div{position:relative;}
.main_visual_title_contents{padding:5px 0 0 60px; background:url("/images/common/mark01.png")no-repeat 0 0; line-height:1.4; }
.main_visual_title_contents h4{font-weight:600; font-size:24px; color:#29282c;}
.main_visual_title_contents h4 span{color:#6868a7;}
.main_visual_title_contents p{font-size:28px; font-weight:300; letter-spacing:-1px;}
.main_pick_more{font-size:15px; color:#29282c; font-weight:600; position:absolute; right:15px; top:10px;}
.main_pick_more:hover{color:#6868a7;}
/*main_visual*/
.main_visual{margin-top:30px; width:100%;}
.main_slide_list>li>a{display:block;}
.main_visual_slide_img{text-indent:-999999px; font-size:0; background-size:cover; background-position:center center; background-repeat:no-repeat; 
		border-radius:20px; overflow:hidden; box-shadow:1px 1px 3px rgba(0,0,0,0.4); width:100%; height:0; padding-bottom:75%;}
.main_slide_list>li.slide01 .main_visual_slide_img{background-image:url("/images/main/main_animation_slide01.jpg");}
.main_slide_list>li.slide02 .main_visual_slide_img{background-image:url("/images/main/main_animation_slide02.jpg");}
.main_slide_list>li.slide03 .main_visual_slide_img{background-image:url("/images/main/main_animation_slide03.jpg");}
.main_slide_list>li.slide04 .main_visual_slide_img{background-image:url("/images/main/main_animation_slide04.jpg");}
.main_slide_list>li.slide05 .main_visual_slide_img{background-image:url("/images/main/main_animation_slide05.jpg");}
/*main_visual - main_my_img*/
.main_my_img{width:82px; height:82px; border:2px solid #ffffff; border-radius:50%;  text-indent:-999999px; font-size:0; overflow:hidden; 
		box-shadow:2px 2px 5px rgba(0,0,0,0.4);  background-size:cover; background-position:center center; background-repeat:no-repeat;
		margin:-41px auto 0; z-index:100; position:relative;}
.main_slide_list>li.slide01 .main_my_img{background-image:url("/images/member/member_img01.jpg");}
.main_slide_list>li.slide02 .main_my_img{background-image:url("/images/member/member_img02.jpg");}
.main_slide_list>li.slide03 .main_my_img{background-image:url("/images/member/member_img03.jpg");}
.main_slide_list>li.slide04 .main_my_img{background-image:url("/images/member/member_img04.jpg");}
.main_slide_list>li.slide05 .main_my_img{background-image:url("/images/member/member_img05.jpg");}
.main_visual_info{margin-top:20px; text-align:center; line-height:1.4;}
.main_visual_info>*{display:inline-block; vertical-align:middle; word-break:break-all;}
.main_visual_info>strong{color:#29282c; position:relative; margin-right:2px; padding-right:6px; }
.main_visual_info>strong:before{content:''; width:1px; height:12px; display:block; background-color:#69686f; position:absolute; right:0; top:3px;}
.main_visual_info>em{color:#8e8d93;}
/*메인 visual 리스트 prev next*/
.main_visual_button_wrap .main_visual_button{width:40px; height:40px; background-color:rgba(0,0,0,0.7); text-indent:-999999px; overflow:hidden; 
		position:absolute; top:50%; margin-top:-64px;}
.main_visual_button_wrap .main_visual_button_prev{left:0}
.main_visual_button_wrap .main_visual_button_prev:after{content:''; height:10px; width:10px; display:block; border:2px solid #ffffff; border-right-width:0; 
		border-bottom-width:0; position:absolute; top:37%; left:16px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.main_visual_button_wrap .main_visual_button_next{right:0;}
.main_visual_button_wrap .main_visual_button_next:after{content:''; height:10px; width:10px; display:block; border:2px solid #ffffff; border-left-width:0; 
		border-top-width:0; position:absolute; top:37%; right:16px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); }

/*검색*/
.common_search_wrap{float:left; }
.common_search_wrap .common_search{border:1px solid #aeaeae; display:inline-block; vertical-align:middle; border-radius:50px; padding:10px 20px;}
.common_search_wrap .common_search>*{display:inline-block; vertical-align:top;}
.common_search_wrap .common_search input[type=search]{font-size:15px; padding:4px 10px; border:none; width:280px;}
.common_btn_search{width:27px; height:27px; position:relative; font-size:0; text-indent:-999999px; background-color:#ffffff; }
.common_btn_search>span{display:block; width:100%; height:100%;}
.common_btn_search>span:before{content:''; width:16px; height:16px; display:block; border-radius:50%; border:2px solid #69686f; position:absolute; left:0; 
		top:2px;}
.common_btn_search>span:after{content:''; width:8px; height:2px; display:block; border-radius:2px; background-color:#69686f; position:absolute; left:16px; 
		top:19px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);
		-ms-transform:rotate(45deg);}
.common_search_wrap p{display:inline-block; vertical-align:middle; font-size:17px; color:#29282c; margin-left:8px; font-weight:500;}

/*공지사항*/
.main_notice_wrap{float:right; font-size:0; width:50%; text-align:right;}
.main_notice_wrap>*{display:inline-block; vertical-align:middle;}
.main_notice_wrap h4{font-size:24px; color:#000000; text-align:left;}
.main_notice_wrap ul{width:55%; margin-left:8%; font-size:15px; text-align:left;}
.main_notice_wrap ul>li{width:100%;}
.main_notice_wrap ul>li>a{display:block; font-size:15px; width:100%; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; padding:4px 0;}
.main_notice_wrap ul>li>a:hover{color:#29282c; }
.main_notice_more{font-size:15px; color:#8e8d93; margin-left:8%;}
.main_notice_more:hover{color:#6868a7;}

/*애니메이션 검색 결과*/
.search_result{text-align:center; padding:30px 15px;}
.search_result>p{line-height:1.4; font-size:24px; font-weight:500;}
.search_result>p>strong{color:#29282c;}


/*애니메이션 리스트 검색 조건*/
.main_animation_tab_wrap{margin-top:40px;}
.main_animation_article_tab{ font-size:0; text-align:right;}
.main_animation_article_tab>li{display:inline-block; vertical-align:top; text-align:left; font-size:16px; line-height:1.0;}
.main_animation_article_tab>li+li{margin-left:5px;}
.main_animation_article_tab>li>a{display:block; padding:8px 15px; border-radius:5px; border:1px solid #aeaeae; color:#8e8d93; font-weight:500;}
.main_animation_article_tab>li:hover>a{font-weight:600; color:#000000; border-color:#8e8d93;}
.main_animation_article_tab>li.on>a{font-weight:600; color:#000000; border-color:#8e8d93;}
.main_animation_article_tab>li.detail_search>a{padding-right:30px; position:relative; text-align:left; }
.main_animation_article_tab>li.detail_search>a:after{content:''; height:7px; width:7px; display:block; border:1px solid #8e8d93; border-left-width:0; 
		border-top-width:0; position:absolute; top:12px; right:8px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); }
.main_animation_article_tab>li.detail_search:hover{background-color:#f8f8f8;}
.main_animation_article_tab>li.detail_search:hover>a:after{border-color:#000000;}

/*main_animation_list_wrap*/
.main_animation_list_wrap{margin-top:5px;}
.main_animation_list{font-size:0;}
.main_animation_list>li{font-size:13px; padding:10px 15px 30px; display:inline-block; vertical-align:top; width:20%;}
.main_animation_img>a{display:block; text-indent:-999999px; font-size:0; background-size:cover; background-position:center center; 
		background-repeat:no-repeat; overflow:hidden; width:100%; height:0; padding-bottom:75%;}
.main_animation_img>a:hover{box-shadow:1px 1px 3px rgba(0,0,0,0.4); }
.main_animation_img01>a{background-image:url("/images/animation/animation01.jpg");}
.main_animation_img02>a{background-image:url("/images/animation/animation02.jpg");}
.main_animation_img03>a{background-image:url("/images/animation/animation03.jpg");}
.main_animation_img04>a{background-image:url("/images/animation/animation04.jpg");}
.main_animation_img05>a{background-image:url("/images/animation/animation05.jpg");}
.main_animation_img06>a{background-image:url("/images/animation/animation06.jpg");}
.main_animation_img07>a{background-image:url("/images/animation/animation07.jpg");}
.main_animation_img08>a{background-image:url("/images/animation/animation08.jpg");}
.main_animation_img09>a{background-image:url("/images/animation/animation09.jpg");}
.main_animation_img10>a{background-image:url("/images/animation/animation10.jpg");}
.main_animation_img11>a{background-image:url("/images/animation/animation11.jpg");}
.main_animation_img12>a{background-image:url("/images/animation/animation12.jpg");}
.main_animation_img13>a{background-image:url("/images/animation/animation13.jpg");}
.main_animation_img14>a{background-image:url("/images/animation/animation14.jpg");}
.main_animation_img15>a{background-image:url("/images/animation/animation15.jpg");}
.main_animation_img16>a{background-image:url("/images/animation/animation16.jpg");}
/*main_animation_info*/
.main_animation_info{line-height:1.3; margin-top:10px; min-height:91px;}
.main_animation_info>a{display:block;}
.main_animation_info>a:hover{text-decoration:underline;}
.main_animation_name{display:block; color:#29282c; font-size:15px; font-weight:600; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_animation_artist{display:block; color:#8e8d93; font-size:15px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:4px;
		font-weight:500;}
.main_animation_technique{margin-top:4px; color:#29282c; display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
		font-weight:500;}
.main_view_like_num_wrap{margin-top:10px; text-align:right; color:#69686f;}
.main_view_like_num_wrap>span{display:inline-block; vertical-align:top; background-position:0 center; background-repeat:no-repeat; padding-left:14px;
		background-size:12px auto;}
.main_view_like_num_wrap>span+span{margin-left:10px;}
.main_view_like_num_wrap>span.main_view_num{background-image:url("/images/common/view_num_icon.png");}
.main_view_like_num_wrap>span.main_like_num{background-image:url("/images/common/like_icon.png");}
/*더보기 버튼*/
.main_button_wrap{margin-top:60px; text-align:center;}
.main_button_wrap .btn_main_list_more{max-width:260px; width:100%; border:1px solid #29282c; color:#29282c; font-weight:500; font-size:15px; 
		padding:12px 5px; border-radius:3px;}
.main_button_wrap .btn_main_list_more:hover{color:#6868a7; border-color:#6868a7;}

/*main_banner_wrap*/
.main_banner_wrap{margin-top:90px;}
.main_banner_wrap li{float:left; width:48.5%;}
.main_banner_wrap li+li{margin-left:3%;}
.main_banner_wrap li>a{display:block;}
.main_banner_wrap li>a>img{width:100%;}

/*main_quick_menu_wrap*/
.common_quick_menu_wrap{display:none; position:fixed; bottom:0; left:0; right:0; width:100%; background-color:#ffffff; padding:10px 0; z-index:250;
		border-top:1px solid #eeeeee;}
.quick_menu_member_menu>li{float:left; position:relative;}
.quick_menu_member_menu>li+li{margin-left:8px; padding-left:8px;}
.quick_menu_member_menu>li+li:before{content:''; width:1px; height:10px; display:block; background-color:#999999; position:absolute; left:0; top:7px; }
.quick_menu_member_menu>li>a{display:block; color:#8e8d93;  font-weight:600;}
.quick_menu_member_menu>li>a:hover{color:#6868a7;}
/*f_quick_menu*/
.f_quick_menu{font-size:0;}
.f_quick_menu>li{display:inline-block; vertical-align:middle; font-weight:600;}
.f_quick_menu>li+li{margin-left:10px;}
.f_quick_menu>li>a{display:block; width:30px; height:30px; overflow:hidden; background-repeat:no-repeat; background-position:center center; }
.quick_profile_img{border-radius:50%; background-image:url("/images/member/member_img01.jpg"); border:1px solid #6868a7; background-size:cover;}
.quick_message{background-image:url("/images/common/mail_icon.png");}
.quick_notification{background-image:url("/images/common/bell_icon.png"); position:relative;}
.f_quick_menu>li>.quick_notification>span{display:block; width:14px; height:14px; background-color:#c90000; color:#ffffff; font-size:8px; border-radius:50%;
		position:absolute; right:0; top:9px; line-height:1.0; padding-top:3px; text-align:center; }
.f_quick_menu>li>.quick_upload{font-size:14px; font-weight:600; width:auto; line-height:30px;}
.f_quick_menu>li>.quick_upload:hover{color:#6868a7;}

/*footer*/
.f_logo{float:left; width:140px; height:24px; display:block; background:url("/images/common/f_logo01.png")no-repeat 0 0; text-indent:-999999px;
		overflow:hidden;}
/*etc_menu*/
.etc_menu{float:left; margin-left:30px; font-size:0; margin-top:2px;}
.etc_menu>li{display:inline-block; vertical-align:top; font-size:12px; position:relative;}
.etc_menu>li>a{display:block; color:#ffffff; }
.etc_menu>li+li{margin-left:8px; padding-left:8px;}
.etc_menu>li+li:before{content:''; width:1px; height:10px; display:block; background-color:#ffffff; position:absolute; left:0; top:6px; opacity:0.8;}

/*.top_btn*/
.top_btn{position:fixed; bottom:70px; right:15px; border:1px solid #aaaaaa; padding:15px 0 8px; cursor:pointer; width:40px; height:40px; 
		text-align:center; font-size:13px; color:#aaaaaa; z-index:300; background-color:rgba(255,255,255,0.5);}
.top_btn:before{content:''; width:4px; height:4px; display:block; border:2px solid #aaaaaa; border-left-width:0; border-bottom-width:0; 
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);
		position:absolute; left:16px; top:9px;}

/*뒤로 돌아가기 back_btn*/
footer .back_btn{display:none; width:40px; height:40px; position:absolute; left:15px; bottom:110px; border:1px solid #777777;}
footer .back_btn>img{width:100%;}





/*1780이하 */
@media screen and (max-width:1780px){

/***layout***/
.wrap{min-width:1400px;}

/***common***/
.inner{width:100%;}
.inner02{width:100%;}

}/*1780이하 끝*/

/*1400이하 */
@media screen and (max-width:1400px){

/***layout***/
.wrap{min-width:1200px;}

/*common*/
.inner03{width:100%;} 

/*main_animation_list_wrap*/
.main_animation_list>li{width:25%;}


}/*1400이하 끝*/

/*1200이하 */
@media screen and (max-width:1200px){

/***layout***/
.wrap{min-width:300px;}
footer{position:static; padding-bottom:25px; position:relative;}
/*
footer{position:static; padding-bottom:65px; position:relative;}
*/
/*common*/
.inner04{width:100%;}
.main_container{padding:40px 0 100px;}

/*header*/
.header_wrap01{display:none;} 
.header_wrap02{display:block; }

/*검색*/
.common_search_wrap .common_search input[type=search]{width:220px;}
/*공지사항*/
.main_notice_wrap ul{margin-left:6%;}
.main_notice_more{margin-left:4%;}

/*main_animation_list_wrap*/
.main_animation_list>li{width:33.333333%;}

/*common_quick_menu_wrap*/
.common_quick_menu_wrap{display:block;}

/*.top_btn*/
.top_btn{bottom:110px;}

/*뒤로 돌아가기 back_btn*/
footer .back_btn{display:block;}


}/*1200이하 끝*/

/*1024이하 */
@media screen and (max-width:1024px){

/*검색*/
.common_search_wrap{float:none; width:100%; text-align:center;}

/*공지사항*/
.main_notice_wrap{float:none; width:100%; text-align:center; margin-top:30px;} 








}/*1024이하 끝*/

/*768이하 */
@media screen and (max-width:768px){

/*common*/
.inner02{padding:0 9px;}


/*공지사항*/
.main_notice_wrap ul{width:calc(100% - 190px); margin-left:20px;}
.main_notice_more{margin-left:20px;}

/*애니메이션 리스트 검색 조건*/
.main_animation_article_tab{text-align:left;}

/*main_animation_list_wrap*/
.main_animation_list>li{width:50%; padding:10px 6px 30px;}

/*footer*/
.f_logo{float:none; margin:0 auto; background-image:url("/images/common/f_logo02.png"); background-size:100% auto;}
/*etc_menu*/
.etc_menu{float:none; margin:10px 0 0; width:100%; text-align:center;}

/*.top_btn*/
.top_btn{bottom:140px;}

/*뒤로 돌아가기 back_btn*/
footer .back_btn{bottom:140px;}

}/*768이하 끝*/

/*600이하 */
@media screen and (max-width:600px){

/* reset */
input[type=text]{ font-size:14px;}
input[type=password]{ font-size:14px;}
textarea{ font-size:14px;}

/*button*/
.btn_basic01{font-size:15px;}
.btn_basic02{font-size:15px;}

/*main_visual_wrap*/
.main_visual_wrap{padding:30px 0; background-size:50% auto}
.main_visual_title_contents{padding:2px 0 0 33px; background-size:30px auto;}
.main_visual_title_contents h4{font-size:20px;}
.main_visual_title_contents p{font-size:22px; margin-top:5px; }
.main_visual_title_contents p span{display:block; line-height:1.2;}
.main_pick_more{font-size:13px; top:65px;}
.main_visual{margin-top:20px;}
.main_visual_info{margin-top:12px;}

/*검색*/
.common_search_wrap .common_search{width:calc(100% - 150px); padding:8px 15px;}
.common_search_wrap .common_search input[type=search]{font-size:14px; padding:2px 10px; width:calc(100% - 30px);}
.common_search_wrap p{font-size:15px; letter-spacing:-1px;}

/*공지사항*/
.main_notice_wrap h4{font-size:22px; text-align:left; display:block;}
.main_notice_wrap ul{width:calc(100% - 80px); margin-left:0;  }

/*애니메이션 검색 결과*/
.search_result{padding:25px 15px;}
.search_result>p{font-size:20px;}



/*애니메이션 리스트 검색 조건*/
.main_animation_article_tab>li{width:21.5%; text-align:center; letter-spacing:-1px; font-size:15px}
.main_animation_article_tab>li:first-child,.main_animation_article_tab>li:last-child{width:27%;}
.main_animation_article_tab>li+li{margin-left:1%;}

/*main_banner_wrap*/
.main_banner_wrap{margin-top:60px;}
.main_banner_wrap li{float:none; width:100%;}
.main_banner_wrap li+li{margin-left:0; margin-top:20px;}
.main_animation_article_tab>li>a{padding:8px 1px;}
.main_animation_article_tab>li.detail_search>a{padding:8px 15px 8px 8px;}


}/*600이하 끝*/

/*420이하 */
@media screen and (max-width:420px){

/* reset */
input[type=text]{padding:10px 12px;}
input[type=password]{padding:10px 12px;}

/*common*/
.inner02{padding:0 15px;}
.main_container{padding:35px 0 100px;}


/*header_wrap02 태블릿, 모바일 / 가로 1200px 이하*/
.header_wrap02 h1{width:161px;}
.header_wrap02 .util_menu{margin-top:0;}
.header_wrap02 .util_menu>div+div{margin-left:6px;}

/*검색*/
.common_search_wrap .common_search{width:calc(100% - 116px); padding:6px 12px;}
.common_search_wrap p{font-size:13px; margin-left:4px;}

/*공지사항*/
.main_notice_wrap{margin-top:25px;}
.main_notice_wrap ul{font-size:14px; }
.main_notice_wrap ul>li>a{font-size:14px; }
.main_notice_more{font-size:14px;} 

/*애니메이션 리스트 검색 조건*/
.main_animation_tab_wrap{margin-top:30px;}
.main_animation_article_tab>li{width:19.5%;font-size:14px; }
.main_animation_article_tab>li:first-child{width:26%;}
.main_animation_article_tab>li:last-child{width:32%;}
.main_animation_article_tab>li.detail_search>a:after{right:6px;}

/*main_animation_list_wrap*/
.main_animation_list_wrap{margin-top:15px;}
.main_animation_list>li{display:block; width:100%; padding:0;}
.main_animation_list>li+li{margin-top:30px;}

/*.top_btn*/
.top_btn{bottom:160px;}

/*뒤로 돌아가기 back_btn*/
footer .back_btn{bottom:160px;}

}/*420이하 끝*/

/*360이하 */
@media screen and (max-width:360px){

/*main_visual_wrap*/
.main_visual_title_contents h4{font-size:18px;}
.main_visual_title_contents p{font-size:21px;}
.main_pick_more{top:60px;}

}/*360이하 끝*/




.pagination__button {
  width: 30px;
  height: 30px;
  border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  background: #fff;
  border: 1px solid #DEDEDE;
}

.pagination__button:not(:last-of-type) {
  margin: 0 0.6rem 0 0;
}

.pagination__num {
  width: 30px;
  height: 30px;
  border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;

  font-size: 0.9rem;
  margin: 0 0.6rem 0 0;
}

  /*border: 1px solid #DEDEDE;*/

.pagination__num_active {
  border: none;
  background: #4673C1;
  color: #fff;
}


.service .swiper-horizontal > .swiper-pagination-bullets, .service .swiper-pagination-bullets.swiper-pagination-horizontal, .service .swiper-pagination-custom, .service .swiper-pagination-fraction {
  position: inherit !important;
  margin: 2rem 0 0 0;
}

.service .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1200px) {
  .service .swiper-pagination {
    display: none;
  }
}

.service .swiper-pagination-bullet {
  opacity: 1 !important;
  width: 15px !important;
  height: 15px !important;
  border: 1px solid #A6ADB4;
  background: #fff !important;
}

.service .swiper-pagination-bullet-active {
  width: 20px !important;
  height: 20px !important;
  background: #4673C1 !important;
  border: 1px solid #fff !important;
}

.trial-exam .swiper-horizontal > .swiper-pagination-bullets, .trial-exam .swiper-pagination-bullets.swiper-pagination-horizontal, .trial-exam .swiper-pagination-custom, .trial-exam .swiper-pagination-fraction {
  position: inherit !important;
  margin: 2rem 0 0 0;
}

.trial-exam .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1200px) {
  .trial-exam .swiper-pagination {
    display: none;
  }
}

.trial-exam .swiper-pagination-bullet {
  opacity: 1 !important;
  width: 10px !important;
  height: 10px !important;
  border: 1px solid #A6ADB4;
  background: #fff !important;
}

.trial-exam .swiper-pagination-bullet-active {
  width: 14px !important;
  height: 14px !important;
  background: #4673C1 !important;
  border: 1px solid #fff !important;
}



.fx-ai {
  display: flex;
  align-items: center;
}

.fx-fs {
  display: flex;
  align-items: flex-start;
}

.fx-ai-sb {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.fx-ai-ct {
  display: flex;
  align-items: center;
  justify-content: center;
}

.fx-ai-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.fx-col-ct {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.fx-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}

.fx-direction {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.fx-ai-fs {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.fx-fw {
  flex-wrap: wrap;
}

.mgt03 {
  margin-top: 3px;
}

.mgt05 {
  margin-top: 5px;
}

.mgt10 {
  margin-top: 10px;
}

.mgt14 {
  margin-top: 14px;
}

.mgt20 {
  margin-top: 20px;
}

.mgt30 {
  margin-top: 30px;
}

.mgt50 {
  margin-top: 50px;
}

.mgt70 {
  margin-top: 70px;
}

.mgt100 {
  margin-top: 0;
}

@media (min-width: 1200px) {
  .mgt100 {
    margin-top: 100px;
  }
}

.mgb08 {
  margin-bottom: 8px;
}

.mgb15 {
  margin-bottom: 15px;
}

.mgb16 {
  margin-bottom: 16px;
}

.mgb20 {
  margin-bottom: 20px;
}

.mgr04 {
  margin-right: 4px;
}

.mgr08 {
  margin-right: 8px;
}

.mgr10 {
  margin-right: 10px;
}

.mgr15 {
  margin-right: 15px;
}

.mgr20 {
  margin-right: 20px;
}

.bold {
  font-weight: 700;
}

.medium {
  font-weight: 500;
}

.ft14 {
  font-size: 1.4rem;
}




.input-group_search {
  width: 200px;
  height: 38px;
  font-family: 'Noto Sans KR', sans-serif;
  padding: 0.8rem 1rem;
  outline: none;
  border: 1px solid #DEDEDE;
  font-size: 1.4rem;
  border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  background: url(/images/icon/input-search.png) no-repeat right 10px center;
}