@charset 'utf-8';

/* Noto Sans */
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src:url('../font/NotoSansKR-Light.eot');
	src:url('../font/NotoSansKR-Light.eot?#iefix') format('embedded-opentype'),
		url('../font/NotoSansKR-Light.woff2') format('woff2'),
		url('../font/NotoSansKR-Light.woff') format('woff'),
		url('../font/NotoSansKR-Light.ttf') format('truetype'),
		url('../font/NotoSansKR-Light.svg#NotoSansKR-Light') format('svg');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
	src:url('../font/NotoSansKR-Regular.eot');
	src:url('../font/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
		url('../font/NotoSansKR-Regular.woff2') format('woff2'),
		url('../font/NotoSansKR-Regular.woff') format('woff'),
		url('../font/NotoSansKR-Regular.ttf') format('truetype'),
		url('../font/NotoSansKR-Regular.svg#NotoSansKR-Regular') format('svg');
 }
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src:url('../font/NotoSansKR-Medium.eot');
	src:url('../font/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'),
		url('../font/NotoSansKR-Medium.woff2') format('woff2'),
		url('../font/NotoSansKR-Medium.woff') format('woff'),
		url('../font/NotoSansKR-Medium.ttf') format('truetype'),
		url('../font/NotoSansKR-Medium.svg#NotoSansKR-Medium') format('svg');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 600;
	src:url('../font/NotoSansKR-Bold.eot');
	src:url('../font/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
		url('../font/NotoSansKR-Bold.woff2') format('woff2'),
		url('../font/NotoSansKR-Bold.woff') format('woff'),
		url('../font/NotoSansKR-Bold.ttf') format('truetype'),
		url('../font/NotoSansKR-Bold.svg#NotoSansKR-Bold') format('svg');
 }

body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, textarea, pre {margin:0; padding:0;}
input, select,textarea { font-family:"Noto Sans KR", Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size:16px; color:#6e7277; -webkit-appearance:none; }
button { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; cursor:pointer; *overflow:visible; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
em { font-style:normal; }
ul, ol, li { list-style:none }
fieldset, img { border:none; margin:0; padding:0; }
body a { color:#6e7277; text-decoration: none; }
body a:hover, body a:active,body a:focus { text-decoration:none; }
pre { padding-top:5px; }
table { margin:0; padding:0; border-spacing:0; border-collapse:collapse; border:0; }
td { text-align:left; }
hr { display:none }
caption, legend, .hide { position:absolute; width:0; height:0; overflow:hidden; text-indent:-9999px; font-size:0; }
body { font-family:"Noto Sans KR", Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; color:#6e7277; font-size:16px; line-height:16px; letter-spacing:-1px; background:url("../images/common/pt.png") repeat;  } 

/*----------------------------------------
	간격 
----------------------------------------*/
.mat30 { margin-top:30px; !important; }
.mat60 { margin-top:60px; !important; }
.mab10 { margin-bottom:10px; !important; }

/*----------------------------------------
	text 
----------------------------------------*/
.f_blue { color:#4d90c4 !important; }
.f_thin { font-weight:300 !important; }
.f_18 { font-size:18px !important; }
.clear { clear:both; }

/*----------------------------------------
	form
----------------------------------------*/
/*---- selectbox ----*/
div#select_box { position:relative; display:inline-block; width:210px; vertical-align:middle; height:40px; background:url(../images/common/select_arrow.png) 95% center no-repeat; border:1px solid #b2bcc3; border-radius:8px; }
div#select_box label { position:absolute; color:#6e7174; top:11px; left:15px; }
div#select_box select.header_select { width:100%; height:40px; min-height:40px; line-height:40px; padding:0 10px; opacity: 0; filter: alpha(opacity=0); }
div#select_box_wrt { position:relative; display:inline-block; width:220px; vertical-align:middle; height:45px; background:url(../images/common/select_arrow.png) 95% center no-repeat; border:1px solid #b2bcc3; border-radius:8px; }
div#select_box_wrt label { position:absolute; color:#6e7174; top:11px; left:15px; }
div#select_box_wrt select.wrt_select { width:100%; height:45px; min-height:45px; line-height:45px; padding:0 10px; opacity: 0; filter: alpha(opacity=0); }
div#select_box_login { position:relative; display:inline-block; width:380px; vertical-align:middle; height:60px; background:url(../images/common/select_arrow_b.png) 95% center no-repeat; border:1px solid #e2e5e8; }
div#select_box_login label { position:absolute; color:#6e7174; top:20px; left:15px; }
div#select_box_login select.login_select { width:100%; height:60px; min-height:60px; line-height:60px; opacity: 0; filter: alpha(opacity=0); }

/*----------------------------------------
	btn
----------------------------------------*/
.btn_gray { border:1px solid #c2c3c7; background-color:#c2c3c7; color:#5e6163; display:inline-block; padding:11px 20px 13px; border-radius:4px; font-weight:500; margin:0 2px; }
.btn_dgray { border:1px solid #636772; background-color:#636772; color:#FFF; display:inline-block; padding:11px 20px 13px; border-radius:4px; font-weight:500; margin:0 2px; }
.btn_blue { border:1px solid #4d90c4; background-color:#4d90c4; color:#FFF; display:inline-block; padding:11px 20px 13px; border-radius:4px; font-weight:500; margin:0 2px; }
.btn_pink { border:1px solid #f05191; background-color:#f05191; color:#FFF; display:inline-block; padding:11px 20px 13px; border-radius:4px; font-weight:500; margin:0 2px; }
.btn_login { background-color:#4d90c4; color:#FFF; display:inline-block; font-weight:600; font-size:16px; width:380px; height:60px; line-height:60px; text-align:center; margin-top:20px; }
.btn_member_search { position:absolute; right:0; top:-10px; border:1px solid #4d90c4; color:#4d90c4; display:inline-block; padding:7px 10px; border-radius:4px; font-weight:500; font-size:15px; line-height:15px; }


/*----------------------------------------
	side_menu
----------------------------------------*/
.w3-sidebar { width:120px !important;}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#4d90c4!important}
.w3-white,.w3-hover-white:hover{background-color:#fff}
.menu_logo { background:url("../images/common/logo_line.gif") 10px bottom no-repeat; }
h1.logo { background:url("../images/common/logo.png") no-repeat; width:90px; height:42px; text-indent:-9999px; margin:30px 0; }
.side_m_group li:nth-last-child(2) { background-image:url("../images/common/logo_line.gif"); background-position:10px bottom; background-repeat:no-repeat; }
.side_m_group a { display:inline-block; position:relative; color:#a6c8e2; padding:52px 0 12px; width:120px; text-align:center; font-size:15px; }
.side_m_group .menu_count { display:inline-block; position:absolute; left:50%; top:9px; margin-left:-27px; background-color:#f05191; width:21px; height:19px; border-radius:21px; color:#FFF; font-size:11px; text-align:center; letter-spacing:0; padding-top:2px; }
.side_m_group .side_m1>a { background:url("../images/common/m1.png") 50% 15px no-repeat; }
.side_m_group .side_m1>a.on { color:#494c56; background-image:url("../images/common/m1_on.png"); background-color:#FFF; }
.side_m_group .side_m1>a:hover { color:#494c56; background:url("../images/common/m1_on.png") 50% 15px no-repeat; }
.side_m_group .side_m2>a { background:url("../images/common/m2.png") 50% 15px no-repeat; }
.side_m_group .side_m2>a.on { color:#494c56; background-image:url("../images/common/m2_on.png"); background-color:#FFF; }
.side_m_group .side_m2>a:hover { color:#494c56; background:url("../images/common/m2_on.png") 50% 15px no-repeat; }
.side_m_group .side_m3>a { background:url("../images/common/m3.png") 50% 15px no-repeat; }
.side_m_group .side_m3>a.on { color:#494c56; background-image:url("../images/common/m3_on.png"); background-color:#FFF; }
.side_m_group .side_m3>a:hover { color:#494c56; background:url("../images/common/m3_on.png") 50% 15px no-repeat; }
.side_m_group .side_m4>a { background:url("../images/common/m4.png") 50% 15px no-repeat; }
.side_m_group .side_m4>a.on { color:#494c56; background-image:url("../images/common/m4_on.png"); background-color:#FFF; }
.side_m_group .side_m4>a:hover { color:#494c56; background:url("../images/common/m4_on.png") 50% 15px no-repeat; }
.side_m_group .side_m5>a { background:url("../images/common/m5.png") 50% 15px no-repeat; }
.side_m_group .side_m5>a.on { color:#494c56; background-image:url("../images/common/m5_on.png"); background-color:#FFF; }
.side_m_group .side_m5>a:hover { color:#494c56; background:url("../images/common/m5_on.png") 50% 15px no-repeat; }
.side_m_group .side_m6>a { background:url("../images/common/m6.png") 50% 15px no-repeat; }
.side_m_group .side_m6>a.on { color:#494c56; background-image:url("../images/common/m6_on.png"); background-color:#FFF; }
.side_m_group .side_m6>a:hover { color:#494c56; background:url("../images/common/m6_on.png") 50% 15px no-repeat; }
.side_m_group .side_m7>a { background:url("../images/common/m7.png") 50% 15px no-repeat; }
.side_m_group .side_m7>a.on { color:#494c56; background-image:url("../images/common/m7_on.png"); background-color:#FFF; }
.side_m_group .side_m7>a:hover { color:#494c56; background:url("../images/common/m7_on.png") 50% 15px no-repeat; }
.side_m_group .side_logout>a { background:url("../images/common/m_logout.png") 50% 15px no-repeat; margin-left:-5px; }
.side_m_group .side_logout>a.on { color:#494c56; background-image:url("../images/common/m_logout_on.png"); background-color:#FFF; }
.side_m_group .side_logout>a:hover { color:#494c56; background:url("../images/common/m_logout_on.png") 50% 15px no-repeat; }
.side_close { display:none; }
.btn_m_menu { display:none; }
.m_top_group { display:none; }
.sub_menu_group { display:none; position:absolute; left:120px; top:110px; width:110px; background:url("../images/common/side_sub_bg.png") repeat-y; z-index:999; }
.sub_menu_group>ul>li a { display:inline-block; position:relative; color:#FFF; padding:62px 0 25px; width:100%; text-align:center; font-size:15px; }
.sub_menu_group>ul>li.side_m101 a{ background:url("../images/common/m1_1.png") 50% 25px no-repeat; }
.sub_menu_group>ul>li.side_m101 a.on { background-color:#FFF; color:#4d90c4; background-image:url("../images/common/m1_1_over.png"); }
.sub_menu_group>ul>li.side_m101 a:hover { background-color:#FFF; color:#4d90c4; background-image:url("../images/common/m1_1_over.png"); }
.sub_menu_group>ul>li.side_m102 a{ background:url("../images/common/m1_2.png") 50% 25px no-repeat; }
.sub_menu_group>ul>li.side_m102 a.on { background-color:#FFF; color:#4d90c4; background-image:url("../images/common/m1_2_over.png"); }
.sub_menu_group>ul>li.side_m102 a:hover { background-color:#FFF; color:#4d90c4; background-image:url("../images/common/m1_2_over.png"); }
.sub_menu_group>ul>li.side_m103 a{ background:url("../images/common/m1_3.png") 50% 25px no-repeat; }
.sub_menu_group>ul>li.side_m103 a.on { background-color:#FFF; color:#4d90c4; background-image:url("../images/common/m1_3_over.png"); }
.sub_menu_group>ul>li.side_m103 a:hover { background-color:#FFF; color:#4d90c4; background-image:url("../images/common/m1_3_over.png"); }
.toggle_switch { width:70px; margin:20px 0 0 23px; }
.cmn-toggle { position:absolute;  margin-left:-9999px; visibility: hidden; }
.cmn-toggle + label { display: block; position:relative; cursor:pointer; outline:none; user-select: none; }
input.cmn-toggle-round + label { padding:2px; width:70px; height:35px; background-color:#3170a1; border-radius:35px; }
input.cmn-toggle-round + label:before,
input.cmn-toggle-round + label:after { display: block; position:absolute; top: 1px; left: 1px; bottom: 1px; content: ""; }
input.cmn-toggle-round + label:before { right:1px; background-color:#3170a1; border-radius:26px; transition:background 0.4s; }
input.cmn-toggle-round + label:after { width:21px; height:21px; background-color:#FFF; border-radius: 100%; margin:7px 0 0 7px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); transition: margin 0.4s; }
input.cmn-toggle-round:checked + label:before { background-color:#3170a1; }
input.cmn-toggle-round:checked + label:after {  background-color: #48494b; margin-left:46px; }


/*----------------------------------------
	footer 
----------------------------------------*/
#footer { position:relative; text-align:center; }
#footer:after { content:'.'; display:block; font-size:0; height:0px; line-height:0; clear:both; }
#footer .footer_box { padding:0 0 30px 120px; margin-top:0; }
#footer .copyright { letter-spacing:0; font-size:12px; color:#a3aaaf; }


/*----------------------------------------
	main
----------------------------------------*/
#wrap {  }
#main_container { position:relative; margin-left:120px ; padding:30px 30px; }
.graph_group { overflow:hidden; }
.graph_group>li { float:left; width:49%; background-color:#e7edf2; border-bottom:3px solid #69a4d2; }
.graph_group>li:first-child { margin-right:2%; }
.graph_group .main_graph { float:left; width:55%; border-radius:5px; background-color:#c6d0da; position:relative; height:40px; margin:35px 20px; }
.graph_group .main_graph_on { display:line-block; position:absolute; left:0; top:0; background-color:#69a4d2; background-image:url("../images/main/graph.png"); height:38px; border:1px solid #a2c5e1; border-radius:5px; }
.graph_group .graph_txt { float:right; margin:35px 20px 35px 0; color:#3e434f; font-size:18px; font-weight:300; text-align:right; }
.graph_group .graph_txt span.graph_title  { font-size:14px; font-weight:600; }
.graph_group .graph_txt span.graph_number  { font-size:30px; font-weight:600; color:#4d90c4; }
.main_app { overflow:hidden; margin:30px 25px 0; }
.main_app>li.app_title { float:left; background:url("../images/main/title_app.png") 0 40px no-repeat; width:363px; height:121px; text-indent:-99999px; }
.main_app>li.app_btn01,.main_app>li.app_btn02 { float:right; margin:0 10px; }
.main_app>li.app_btn01>a { display:inline-block; background-color:#83b4db; background-image:url("../images/main/icon01.png"); background-repeat:no-repeat; background-position:45% 27px; border-radius:80px; height:60px; width:160px; color:#FFF; font-size:18px; text-align:center; padding-top:100px; }
.main_app>li.app_btn02>a { display:inline-block; background-color:#4d90c4; background-image:url("../images/main/icon02.png"); background-repeat:no-repeat; background-position:50% 35px; border-radius:80px; height:60px; width:160px; color:#FFF; font-size:18px; text-align:center; padding-top:100px; }
.main_banner { overflow:hidden; margin:40px 0 0; }
.main_banner>li { float:left; width:49%; }
.main_banner>li:first-child { margin-right:2%; }
.main_banner>li>a { display:inline-block; padding:120px 0 50px; text-align:center; width:100%; font-size:22px; font-weight:600; color:#3e434f; line-height:25px; }
.main_banner>li:first-child>a { background-color:#e1eef8; background-image:url("../images/main/icon03.png"); background-repeat:no-repeat; background-position:50% 60px; }
.main_banner>li:last-child>a { background-color:#d0e4f4; background-image:url("../images/main/icon04.png"); background-repeat:no-repeat; background-position:50% 60px; }
.main_banner>li p { font-size:13px; color:#6e7277; font-weight:400; }


/*----------------------------------------
	sub
----------------------------------------*/
#container { position:relative; margin-left:120px; text-align:center; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e2e5e8; }
.title_group { position:relative; background-color:#dbe9f3; padding:60px 0; text-align:center; }
.title_group>h2 { display:inline-block; font-size:45px; line-height:45px; color:#2d2f31; font-weight:500; letter-spacing:-2px; background:url(../images/sub/title_dot.png) right bottom no-repeat; padding-right:10px; }
.title_group>h2>span { color:#4d90c4; }
.title_group .header_btn_group { width:100%; margin-top:20px; text-align:center; }
.title_group .header_blt { position:absolute; bottom:-16px; left:50%; background:url("../images/sub/blt_title.png") no-repeat; width:75px; height:20px; margin-left:-33px; display:inline-block; }
.content_group { width:700px; margin:0 auto !important; text-align:center; position:relative; }
.content_group>h3 { font-size:25px; font-weight:600; color:#2b2f32; margin-bottom:15px; margin-top:60px; display:inline-block; padding-left:32px; line-height:24px; }
.content_group>h3.lst_total { display:block; background:url("../images/common/txt_blt.png") 0 5px no-repeat; font-size:18px; padding-left:14px; line-height:18px; text-align:left; margin-bottom:10px; }
.h3_img_lst { background:url("../images/sub/txt_blt01.png") 0 5px no-repeat; }
.h3_img_wrt { background:url("../images/sub/txt_blt02.png") 0 5px no-repeat; }
.h3_img_search { background:url("../images/common/btn_search.png") 5px 2px no-repeat; font-size:20px !important; font-weight:400 !important; }
ul.holiday_lst>li { border:1px solid #e2e5e8; border-radius:8px; padding:20px 30px; margin:0 0 10px; cursor:pointer; background-color:#FFF; }
ul.holiday_lst>li.back { background-color:#f3f4f4; }
ul.holiday_lst>li.txt_none { text-align:center; letter-spacing:0; padding:30px 0; color:#4d90c4; cursor:default; }
ul.holiday_lst>li.cur_def { cursor:default; }
ul.holiday_lst>li>ul { overflow:hidden; position:relative; }
ul.holiday_lst>li>ul>li { float:left; }
ul.holiday_lst>li>ul>li.holiday_title { width:55%; padding-left:80px; height:60px; text-align:left; line-height:20px; }
ul.holiday_lst>li>ul>li.holiday_title>strong { display:inline-block; margin-top:7px; color:#2d2f31; font-weight:600; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
ul.holiday_lst>li>ul>li.icon_takeoff { background:url("../images/sub/holiday_icon.png") 0 0 no-repeat; }
ul.holiday_lst>li>ul>li.icon_takeoff_am { background:url("../images/sub/holiday_icon.png") 0 -100px no-repeat; }
ul.holiday_lst>li>ul>li.icon_takeoff_pm { background:url("../images/sub/holiday_icon.png") 0 -200px no-repeat; }
ul.holiday_lst>li>ul>li.icon_wedding { background:url("../images/sub/holiday_icon.png") 0 -300px no-repeat; }
ul.holiday_lst>li>ul>li.icon_edu { background:url("../images/sub/holiday_icon.png") 0 -400px no-repeat; }
ul.holiday_lst>li>ul>li.icon_reward { background:url("../images/sub/holiday_icon.png") 0 -500px no-repeat; }
ul.holiday_lst>li>ul>li.icon_birth { background:url("../images/sub/holiday_icon.png") 0 -600px no-repeat; }
ul.holiday_lst>li>ul>li.icon_training { background:url("../images/sub/holiday_icon.png") 0 -700px no-repeat; }
ul.holiday_lst>li>ul>li.icon_training_am { background:url("../images/sub/holiday_icon.png") 0 -800px no-repeat; }
ul.holiday_lst>li>ul>li.icon_training_pm { background:url("../images/sub/holiday_icon.png") 0 -900px no-repeat; }
ul.holiday_lst>li>ul>li.icon_replace { background:url("../images/sub/holiday_icon.png") 0 -1000px no-repeat; }
ul.holiday_lst>li>ul>li.icon_replace_am { background:url("../images/sub/holiday_icon.png") 0 -1100px no-repeat; }
ul.holiday_lst>li>ul>li.icon_replace_pm { background:url("../images/sub/holiday_icon.png") 0 -1200px no-repeat; }
ul.holiday_lst>li>ul>li.icon_trip { background:url("../images/sub/holiday_icon.png") 0 -1300px no-repeat; }
ul.holiday_lst>li>ul>li.icon_sick { background:url("../images/sub/holiday_icon.png") 0 -1400px no-repeat; }
ul.holiday_lst>li>ul>li.icon_etc { background:url("../images/sub/holiday_icon.png") 0 -1500px no-repeat; }
ul.holiday_lst>li>ul>li.icon_survey_edu { background:url("../images/sub/survey_icon.png") 0 0 no-repeat; }
ul.holiday_lst>li>ul>li.icon_survey_seminar { background:url("../images/sub/survey_icon.png") 0 -110px no-repeat; }
ul.holiday_lst>li>ul>li.icon_survey_etc { background:url("../images/sub/survey_icon.png") 0 -220px no-repeat; }
ul.holiday_lst>li>ul>li.holiday_date { width:20%; line-height:60px; text-align:center; }
ul.holiday_lst>li>ul>li.app_title { width:40%; padding:5px 0 0 80px; height:60px; text-align:left; line-height:20px; }
ul.holiday_lst>li>ul>li.app_title>strong { display:inline-block; margin-top:7px; color:#2d2f31; font-weight:600; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
ul.holiday_lst>li>ul>li.app_name { width:15%; line-height:60px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
ul.holiday_lst>li>ul>li.app_date { width:20%; line-height:60px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
ul.holiday_lst>li>ul>li.survey_title { width:55%; padding-left:80px; height:60px; text-align:left; line-height:20px; }
ul.holiday_lst>li>ul>li.survey_title>strong { display:inline-block; margin-top:7px; color:#2d2f31; font-weight:600; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.blt_app_part { border:1px solid #e2e5e8; border-radius:4px; font-size:13px; padding:1px 10px; }
.holiday_blt { position:absolute; right:0; top:17px; }
.app_blt { position:absolute; right:0; top:19px; }
.app_blt_m { position:absolute; right:0; top:11px; }
.blt_complete { display:inline-block; border:1px solid #4d90c4; color:#4d90c4; font-size:13px; padding:6px 0; border-radius:3px; width:60px; text-align:center; line-height:13px; }
.blt_return { display:inline-block; border:1px solid #f05191; color:#f05191; font-size:13px; padding:6px 0; border-radius:3px; width:60px; text-align:center; line-height:13px; }
.blt_app { display:inline-block; border:1px solid #777f85; color:#777f85; font-size:13px; padding:6px 0; border-radius:3px; width:60px; text-align:center; line-height:13px; }
.blt_save { display:inline-block; border:1px solid #a2a9ae; color:#a2a9ae; font-size:13px; padding:6px 0; border-radius:3px; width:60px; text-align:center; line-height:13px; }
.blt_survey { display:inline-block; border:1px solid #4d90c4; background-color:#4d90c4; color:#FFF; font-size:13px; padding:2px 10px 3px; border-radius:3px; text-align:center; line-height:13px; margin-right:5px; }
.holiday_wrt { border:1px solid #e2e5e8; border-radius:8px; background-color:#FFF; }
.holiday_wrt>ul { overflow:hidden; margin:30px 40px; }
.holiday_wrt>ul>li { float:left; padding:10px 0; text-align:left; line-height:20px; }
.holiday_wrt>ul>li.wrt_title { background:url(../images/sub/title_dot.png)0 15px no-repeat; padding-left:15px; color:#2b2f32; font-weight:600; width:17%; margin-top:18px; }
.holiday_wrt>ul>li.wrt_cont { width:75%;position:relative; }
.holiday_wrt>ul>li.wrt_title_half { background:url(../images/sub/title_dot.png)0 15px no-repeat; padding-left:15px; color:#2b2f32; font-weight:600; width:17%; margin-top:18px; }
.holiday_wrt>ul>li.wrt_cont_half { width:30%; }
.holiday_wrt>ul>li input { border:1px solid #c7ccd1; border-radius:8px; padding:12px 0 13px 0; width:220px; text-align:center; outline-style:none; }
.holiday_wrt>ul>li input:focus {outline:none; }
.holiday_wrt>ul>li.wrt_cont_half input { border:1px solid #c7ccd1; border-radius:8px; padding:12px 0 13px 0; width:80%; text-align:center; outline-style:none; }
.holiday_wrt>ul>li.wrt_cont_half input:focus {outline:none; }
.holiday_wrt>ul>li textarea { border:1px solid #c7ccd1; border-radius:8px; padding:10px 0; width:99%; height:65px; overflow:hidden; line-height:22px; outline-style:none; }
.holiday_wrt>ul>li textarea:focus {outline:none; }
.holiday_wrt>ul>li>input.calendar { border:1px solid #c7ccd1; border-radius:8px; padding:12px 0 13px 60px; width:160px; text-align:left; background:url("../images/sub/icon_calendar.png") 0 -8px no-repeat; cursor:pointer; }
.holiday_wrt>ul>li>input.calendar { background-size:50px 65px; }
.intouttime_wrt { border:1px solid #e2e5e8; border-radius:8px; background-color:#FFF; }
.intouttime_wrt>ul { overflow:hidden; margin:30px 40px; }
.intouttime_wrt>ul>li { float:left; padding:10px 0; text-align:center; line-height:20px; }
.intouttime_wrt>ul>li.wrt_title { background:url(../images/sub/title_dot.png)0 15px no-repeat; text-align:center; padding-left:15px; color:#2b2f32; font-weight:600; width:17%; margin-top:18px; }
.intouttime_wrt>ul>li.wrt_cont { width:75%;position:relative; }
.intouttime_wrt>ul>li.wrt_title_half { background:url(../images/sub/title_dot.png)0 15px no-repeat; padding-left:15px; color:#2b2f32; font-weight:600; width:17%; margin-top:18px; }
.intouttime_wrt>ul>li.wrt_cont_half { width:30%; }
.intouttime_wrt>ul>li input { border:1px solid #c7ccd1; border-radius:8px; padding:12px 0 13px 0; width:220px; text-align:center; outline-style:none; }
.intouttime_wrt>ul>li input:focus {outline:none; }
.intouttime_wrt>ul>li.wrt_cont_half input { border:1px solid #c7ccd1; border-radius:8px; padding:12px 0 13px 0; width:80%; text-align:center; outline-style:none; }
.intouttime_wrt>ul>li.wrt_cont_half input:focus {outline:none; }
.intouttime_wrt>ul>li textarea { border:1px solid #c7ccd1; border-radius:8px; padding:10px 0; width:99%; height:65px; overflow:hidden; line-height:22px; outline-style:none; }
.intouttime_wrt>ul>li textarea:focus {outline:none; }
.survey_wrt { border:1px solid #e2e5e8; border-radius:8px; background-color:#FFF; }
.survey_wrt>ul { margin:30px 40px; }
.survey_wrt>ul>li { padding:10px 0; text-align:left; line-height:20px; }
.survey_wrt>ul>li.wrt_title { background:url(../images/sub/title_dot.png)0 15px no-repeat; padding-left:15px; color:#2b2f32; font-weight:600; }
.survey_wrt>ul>li.wrt_cont { position:relative; }
span.wrt_cont_txt {  display:inline-block; margin:10px 0 0 10px; color:#f05191; font-size:14px; }
.survey_wrt>ul>li input { border:1px solid #c7ccd1; border-radius:8px; padding:12px 0 13px 0; width:43%; text-align:center; outline-style:none; }
.survey_wrt>ul>li input:focus {outline:none; }
.survey_wrt>ul>li textarea { border:1px solid #c7ccd1; border-radius:8px; padding:10px 0; width:99%; height:100px; overflow:hidden; line-height:22px; outline-style:none; }
.survey_wrt>ul>li textarea:focus { outline:none; }
.survey_wrt>ul>li .survey_wrt_form { display:inline-block; width:100%; line-height:20px; margin:0 0 14px; }
.survey_wrt>ul>li .survey_wrt_form.half { width:48% !important; }
.survey_wrt>ul>li .survey_wrt_form>input[type=radio] { display: none; }
.survey_wrt>ul>li .survey_wrt_form>input[type=radio] + label{ display: inline-block; cursor: pointer; position: relative; padding-left:35px; }
.survey_wrt>ul>li .survey_wrt_form>input[type=radio]+ label:before { content: "\25CF"; color: #e2e5e8; font-size:13px; text-align:center; line-height:25px; display: inline-block; width:25px; height:25px; position: absolute; left: 0;  top: -3px; background-color:#fff; border-radius:25px; border:1px solid #e2e5e8; }
.survey_wrt>ul>li .survey_wrt_form>input[type=radio]:checked + label:before { content: "\25CF"; color: #4d90c4; background:#fff; font-size:13px; text-align:center; line-height:25px; } 
.survey_wrt>ul>li .survey_wrt_form>input[type=checkbox] { display: none; }
.survey_wrt>ul>li .survey_wrt_form>input[type=checkbox] + label{ display: inline-block; cursor: pointer; position: relative; padding-left:35px;; }
.survey_wrt>ul>li .survey_wrt_form>input[type=checkbox]+ label:before { content: "\2713"; display: inline-block; color: #e2e5e8; font-size:18px; font-weight:600; text-align:center; line-height:25px; width:25px; height:25px; position: absolute; left: 0;  top: 0; background-color:#fff; border-radius:4px; border:1px solid #e2e5e8; }
.survey_wrt>ul>li .survey_wrt_form>input[type=checkbox]:checked + label:before { content: "\2713"; color: #4d90c4; background:#fff; font-size:18px; font-weight:600; text-align:center; line-height:25px;  } 
.survey_wrt>ul>li .survey_point_txt { color:#4d90c4; margin-left:10px; font-weight:600; }
.holiday_viw { border:1px solid #e2e5e8; border-radius:8px; background-color:#FFF; position:relative; }
.holiday_viw>ul { overflow:hidden; margin:30px 40px; }
.holiday_viw>ul>li { float:left; padding:20px 0; text-align:left; border-bottom:1px solid #e2e5e8; width:100%; }
.holiday_viw>ul>li>dl { overflow:hidden; line-height:22px; }
.holiday_viw>ul>li>dl>dt { float:left; background:url(../images/sub/title_dot.png)0 7px no-repeat; padding-left:15px; color:#2b2f32; font-weight:600; width:17%; }
.holiday_viw>ul>li>dl>dt.app_title { float:none; color:#4d90c4; font-weight:600; font-size:20px; width:80%; background:none; padding-left:0; }
.holiday_viw>ul>li>dl>dd { float:left; width:80%;position:relative; }
.holiday_viw>ul>li>dl>dt.viw_title_half { background:url(../images/sub/title_dot.png)0 7px no-repeat; padding-left:15px; color:#2b2f32; font-weight:600; width:17%; }
.holiday_viw>ul>li>dl>dd.viw_cont_half { width:30%; }
.holiday_viw>ul>li>dl>dd textarea { border:1px solid #c7ccd1; border-radius:8px; padding:10px 0; width:99%; height:65px; overflow:hidden; line-height:22px; outline:none;}
.holiday_viw>ul>li>dl>dd textarea:focus { outline:none; }
.holiday_viw .viw_approval { position:absolute; right:40px; top:40px; }
.holiday_viw .viw_approval .btn_app_viw { display:inline-block; border:1px solid #e2e5e8; border-radius:3px; font-size:14px; background:url("../images/sub/blt_down.png") 85px 12px no-repeat; padding:7px 30px 7px 15px; color:#6e7277; }
.holiday_viw .viw_approval .btn_app_close { display:inline-block; border:1px solid #e2e5e8; border-radius:3px; font-size:14px; background:url("../images/sub/blt_up.png") 85px 12px no-repeat; padding:7px 30px 7px 15px; }
.holiday_viw .viw_approval_box { background-color:#f5f7f8; padding:5px 0 15px; }
.holiday_viw .viw_approval_box>ul { width:90%; margin:0 auto; }
.holiday_viw .viw_approval_box>ul>li { border-bottom:1px solid #e2e5e8; padding:15px 0; font-size:14px; position:relative; }
.holiday_viw .viw_approval_box>ul>li>span { display:inline-block; }
.holiday_viw .viw_approval_box>ul>li>span.appro_part { background-color:#4d90c4; color:#FFF; font-size:13px; line-height:13px; border-radius:3px; padding:3px 7px 4px; margin-right:5px; }
.holiday_viw .viw_approval_box>ul>li>span.appro_title{ width:50%; vertical-align:top; }
.holiday_viw .viw_approval_box>ul>li>span.appro_date{ width:27%; text-align:right; margin-right:10px; letter-spacing:0; }
.point_box { border:1px solid #c7ccd1; border-radius:8px; background-color:#f5f9fc;margin-top:20px; }
.point_box>ul { overflow:hidden; margin:20px; }
.point_box>ul>li { float:left; font-size:14px; text-align:left; line-height:20px; border-left:1px solid #c7ccd1; padding-left:30px; }
.point_box>ul>li.point_title { background:url(../images/sub/blt_point.png) 50% 10px no-repeat; font-weight:600; font-size:16px; color:#2b2f32; padding:55px 0 10px; margin:0 50px 0 30px; border-left:none; }
ul.search_lst { margin-top:10px; }
ul.search_lst>li { border:1px solid #e2e5e8; border-radius:8px; padding:30px; margin:0 0 10px; background-color:#FFF; }
ul.search_lst>li.back { background-color:#f3f4f4; }
ul.search_lst>li.txt_none { text-align:center; letter-spacing:0; padding:30px 0; color:#4d90c4; cursor:default; }
ul.search_lst>li>ul { overflow:hidden; }
ul.search_lst>li>ul>li.photo { float:left; width:15%; text-align:left; }
ul.search_lst>li>ul>li.photo img { width:80px; height:80px; border-radius:40px; }
ul.search_lst>li>ul>li.txt { font-size:14px; float:left; text-align:left; letter-spacing:0; width:85%; }
ul.search_lst>li>ul>li.txt .search_title_group { border-bottom:1px solid #e2e5e8; padding-bottom:15px; width:100%; }
ul.search_lst>li>ul>li.txt .search_title_group>p.search_title  { font-size:18px; font-weight:600; color:#2d2f31; line-height:26px; letter-spacing:-1px; }
ul.search_lst>li>ul>li.txt .search_icon { padding-top:15px; }
ul.search_lst>li>ul>li.txt .search_icon>a { display:inline-block; margin-right:30px; line-height:20px; }
ul.search_lst>li>ul>li.txt .search_icon>a:last-child { margin-right:0; }
ul.search_lst>li>ul>li.txt .search_icon>a>span { display:inline-block; background:url("../images/common/search_icon.png") no-repeat; border:1px solid #4d90c4; border-radius:3px; height:23px; width:23px; text-indent:-99999px; margin-right:8px; }
ul.search_lst>li>ul>li.txt .search_icon>a>span.email { background-position:6px 6px; }
ul.search_lst>li>ul>li.txt .search_icon>a>span.company_tel { background-position:6px -34px; }
ul.search_lst>li>ul>li.txt .search_icon>a>span.phone { background-position:6px -76px; }
.search_group { margin:120px auto; width:60%; position:relative; }
.search_group input { outline-style:none; }
.search_group input:focus { outline:none; }
.search_group input.search { border:3px solid #4d90c4; line-height:54px; height:54px; width:100%; padding:0 10px;  margin-left:-10px; }
.search_group input.search_none { border:3px solid #4d90c4; line-height:54px; height:54px; width:100%; padding:0 10px;  margin-left:-10px; color:#f05191; }
.search_group button.btn_search { position:absolute; right:0; top:15px; display:inline-block; background:url("../images/common/btn_search_b.png") 0 0 no-repeat; width:26px; height:26px; text-indent:-99999px; }
.login_title { background:url("../images/common/login_title.png") no-repeat; width:218px; height:37px; margin:80px auto 0; text-indent:-99999px; padding-bottom:20px; }
.login_box { width:600px; margin:0 auto 80px; border:1px solid #e2e5e8; border-radius:10px; padding:60px 0; background-color:#FFF; text-align:center; }
.login_box p { margin-top:5px; }
.login_box p input { border:1px solid #e2e5e8; padding:17px 15px; width:350px; outline-style:none; }
.login_box p input:focus { outline:none; }
.login_box p a.find_pw { display:inline-block; background:url("../images/common/btn_find_b.png") no-repeat; padding-left:25px; font-size:14px; line-height:20px; margin-top:10px; }
.login_box p span.save_id { display:inline-block; background:url("../images/common/txt_line.png") 0 3px no-repeat; padding-left:25px; font-size:14px; line-height:20px; margin:10px 0 0 25px; }
.login_box p span.save_id input[type=checkbox] { display: none; }
.login_box p span.save_id input[type=checkbox] + label{ display: inline-block; cursor: pointer; position: relative; padding-left:28px;; }
.login_box p span.save_id input[type=checkbox]+ label:before { content: "\2713"; display: inline-block; color: #e2e5e8; font-size:16px; font-weight:600; text-align:center; line-height:20px; width:20px; height:20px; position: absolute; left: 0;  top: 0; background-color:#fff; border-radius:4px; border:1px solid #e2e5e8; }
.login_box p span.save_id input[type=checkbox]:checked + label:before { content: "\2713"; color: #4d90c4; background:#fff; font-size:16px; font-weight:600; text-align:center; line-height:20px;  } 
.login_box .login_txt { font-size:18px; line-height:25px; margin-bottom:10px; }
.login_box .login_error { font-size:14px; color:#4d90c4; margin-top:20px; font-weight:300; line-height:20px; }
.error_box { width:600px; margin:80px auto 40px; border:1px solid #e2e5e8; border-radius:10px; padding:130px 0 50px; background-color:#FFF; background-image:url("../images/common/error_img.png"); background-repeat:no-repeat; background-position:49% 50px;; text-align:center; line-height:25px; }
.find_pw_title { width:100%; text-align:center; margin:80px auto 0; padding-bottom:20px; }
.find_pw_title>span { display:inline-block; background:url("../images/common/btn_find.png") 0 4px no-repeat; font-size:25px; font-weight:600; color:#2b2f32; padding-left:28px; line-height:24px; }
.find_pw_tab { overflow:hidden; width:380px; margin:0 auto 30px; }
.find_pw_tab>li { float:left; width:125px; border-top:1px solid #e2e5e8; border-bottom:1px solid #e2e5e8; border-right:1px solid #e2e5e8; background-color:#f6f8fa; color:#c5c9cd; font-size:13px; height:43px; padding-top:10px; }
.find_pw_tab>li:first-child { border-left:1px solid #e2e5e8; width:126px; }
.find_pw_tab>li.on { background-color:#FFF; border-bottom:none; color:#4d90c4; }
.next { display:inline-block; background:url("../images/common/blt_next.png") right 24px no-repeat; padding-right:20px; }
.pw_certification { width:380px; margin:0 auto; text-align:left; }
.pw_certification>li { background:url("../images/common/input_radio.png") no-repeat; }
.pw_certification>li.title_off { font-size:18px; background-position:0 -78px; line-height:32px; padding-left:40px; margin:10px 0; cursor:pointer; }
.pw_certification .title_on { position:absolute; left:0; top:-40px; background-image:url("../images/common/input_radio.png"); background-position:0 0; width:30px; height:30px; display:inline-block; }
.pw_certification>li.certification_info { display:none; background-color:#f6f8fa; text-align:center; background-image:none; padding:15px 0 20px; position:relative; }
.pw_certification>li.certification_info>p { margin-top:5px; }
.pw_certification>li.certification_info>p input { width:80%; border:1px solid #e2e5e8; padding:15px; color:#9fa3a6; outline-style:none; }
.pw_certification>li.certification_info>p input:focus { outline:none; }
.helper_txt { font-size:16px; margin-top:15px; }


/*----------------------------------------
	moblie
----------------------------------------*/
@media all and (max-width:1000px)
{
	.graph_group .main_graph { width:45%; }
	.main_app>li.app_title { background-size:100%; width:47%; height:160px; margin-left:10px; }
	.main_app>li.app_btn01,.main_app>li.app_btn02 { margin:0 5px; }
}
@media all and (max-width:900px)
{	
	.menu_logo { display:none; }
	.m_top_group { display:block; background-color:#4d90c4; width:100%; height:60px; }
	h1.logo { position:absolute; left:50%; top:0; margin:13px 0 0 -36px; background-size:85%; }
	.btn_m_menu { display:inline-block; background:url("../images/common/m_menu.png") 0 0 no-repeat; height:19px; width:29px; text-indent:-9999px; position:absolute; top:23px; left:15px; }
	.side_close { display:inline-block; background:url("../images/common/m_close.png") no-repeat; width:37px; height:37px; text-indent:-9999px; margin:20px 0 10px 40px; }	
	.sub_menu_group { top:67px; }
	#main_container { margin-left:0; padding:30px 0 0; }
	#container { margin-left:0; padding-bottom:0; margin-bottom:0; border-bottom:none; }
	.main_app { margin:40px 0 0; }
	.title_group {  padding:35px 0; }
	#footer .footer_box { margin:0; padding:40px 0; }
}

@media all and (max-width:715px)
{	
	.graph_group { margin:0 15px; }
	.graph_group .main_graph { float:none; width:80%; margin:25px auto 10px; }
	.graph_group .graph_txt { float:none; margin:10px 0 25px 0; text-align:center; line-height:20px; }
	.graph_group .graph_txt span.graph_number  { font-size:24px; }
	.main_app { margin:0 25px 0; }
	.main_app>li.app_title { float:none; background-size:222px 48px; background-position:50% 40px; width:100%; height:100px; }
	.main_app>li.app_btn01 { width:45%; text-align:right; }
	.main_app>li.app_btn02 { width:45%; text-align:left; }
	.main_app>li.app_btn01>a { background-size:40%; background-position:50% 22px; border-radius:60px; height:45px; width:120px; font-size:14px; padding-top:70px; margin-right:13px; }
	.main_app>li.app_btn02>a { background-size:28%; background-position:55% 22px; border-radius:60px; height:45px; width:120px; font-size:14px; padding-top:75px; }
	.main_banner>li { float:none; width:100%; }
	.main_banner>li>a { padding:100px 0 30px; background-position:50% 40px !important; }
	.title_group .header_btn_group { margin-top:10px; }
	.title_group>h2 { font-size:35px; line-height:35px; }
	.content_group { width:100%; }
	.content_group>h3 { font-size:22px; margin:40px 10px 15px; }
	.content_group>h3.lst_total { font-size:16px; line-height:16px;}
	ul.holiday_lst>li { border-top:1px solid #e2e5e8; border-left:none; border-right:none; border-bottom:none; border-radius:0; padding:20px 10px; margin:0; }	
	ul.holiday_lst>li:last-child { border-bottom:1px solid #e2e5e8; }
	ul.holiday_lst>li>ul>li.holiday_title { width:40%; padding-left:55px; font-size:14px; }
	ul.holiday_lst>li>ul>li.holiday_title>strong { font-size:16px; }
	ul.holiday_lst>li>ul>li.holiday_date { width:20%; font-size:14px; }
	ul.holiday_lst>li>ul>li.icon_takeoff { background-size:45px 1170px; background-position:0 7px; height:52px; }
	ul.holiday_lst>li>ul>li.icon_takeoff_am { background-size:45px 1170px; background-position:0 -68px; height:52px; }
	ul.holiday_lst>li>ul>li.icon_takeoff_pm { background-size:45px 1170px; background-position:0 -143px; height:52px; }
	ul.holiday_lst>li>ul>li.icon_wedding { background-size:45px 1170px; background-position:0 -218px; height:52px; }
	ul.holiday_lst>li>ul>li.icon_edu { background-size:45px 1170px; background-position:0 -293px; height:52px; }
	ul.holiday_lst>li>ul>li.icon_reward { background-size:45px 1170px; background-position:0 -368px; height:52px; }
	ul.holiday_lst>li>ul>li.icon_birth { background-size:45px 1170px; background-position:0 -443px; height:52px; }
	ul.holiday_lst>li>ul>li.icon_training { background-size:45px 1170px; background-position:0 -518px; height:52px; }
	ul.holiday_lst>li>ul>li.icon_training_am { background-size:45px 1170px; background-position:0 -593px; height:52px; }
	ul.holiday_lst>li>ul>li.icon_training_pm { background-size:45px 1170px; background-position:0 -668px; height:52px; }
	ul.holiday_lst>li>ul>li.icon_replace { background-size:45px 1170px; background-position:0 -743px; height:52px; }
	ul.holiday_lst>li>ul>li.icon_replace_am { background-size:45px 1170px; background-position:0 -818px; height:52px; }
	ul.holiday_lst>li>ul>li.icon_replace_pm { background-size:45px 1170px; background-position:0 -893px; height:52px; }
	ul.holiday_lst>li>ul>li.icon_trip { background-size:45px 1170px; background-position:0 -968px; height:52px; }
	ul.holiday_lst>li>ul>li.icon_sick { background-size:45px 1170px; background-position:0 -1043px; height:52px; }
	ul.holiday_lst>li>ul>li.icon_etc { background-size:45px 1170px; background-position:0 -1118px; height:52px; }
	ul.holiday_lst>li>ul>li.icon_survey_edu { background-size:45px 210px; background-position:0 3px; height:52px; }
	ul.holiday_lst>li>ul>li.icon_survey_seminar { background-size:45px 210px; background-position:0 -79px; height:52px; }
	ul.holiday_lst>li>ul>li.icon_survey_etc { background-size:45px 210px; background-position:0 -162px; height:52px; }
	ul.holiday_lst>li>ul>li.app_title { width:60%; padding-left:55px; height:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
	ul.holiday_lst>li>ul>li.app_title>strong { width:60%; line-height:15px; }
	ul.holiday_lst>li>ul>li.app_name { width:25%; text-align:left; margin:-10px 0 0 55px; line-height:16px; }
	ul.holiday_lst>li>ul>li.app_date { width:30%; text-align:left; margin:-10px 0 10px; line-height:16px; }
	ul.holiday_lst>li>ul>li.survey_title { width:55%; padding-left:55px; font-size:14px; }
	ul.holiday_lst>li>ul>li.survey_title>strong { font-size:16px; }
	.blt_app_part { padding:3px 5px; margin-right:3px; vertical-align:bottom; }
	.app_blt_m { position:absolute; right:0; bottom:20px; }
	.holiday_wrt { width:93%; margin-left:auto; margin-right:auto; }
	.holiday_wrt>ul { margin:20px 20px; }
	.holiday_wrt>ul>li { float:none; padding:5px 0; }
	.holiday_wrt>ul>li.wrt_title { width:100%; background-position:0 10px; }
	.holiday_wrt>ul>li.wrt_cont { width:100%; }
	.holiday_wrt>ul>li.wrt_title_half { background:url(../images/sub/title_dot.png)0 10px no-repeat; width:100%; }
	.holiday_wrt>ul>li.wrt_cont_half { width:100%; }
	.holiday_wrt>ul>li input.calendar {  background:url("../images/sub/icon_calendar.png") 0 -5px no-repeat; font-size:14px; }
	.holiday_wrt>ul>li input.calendar { background-size:40px 53px; }
	.survey_wrt { width:93%; margin-left:auto; margin-right:auto; }
	.survey_wrt>ul { margin:20px 20px; } 
	.holiday_viw { width:93%; margin-left:auto; margin-right:auto; }
	.holiday_viw>ul { margin:20px 20px; }
	.holiday_viw>ul>li>dl>dt { float:none; background:url(../images/sub/title_dot.png)0 7px no-repeat; width:100%; }
	.holiday_viw>ul>li>dl>dd { float:none; width:90%; margin:8px 0 0 16px; }
	.holiday_viw>ul>li>dl>dt.viw_title_half { float:left; width:22%; }
	.holiday_viw>ul>li>dl>dt.app_title { width:65%; font-size:18px; }
	.holiday_viw>ul>li>dl>dd.viw_cont_half { float:left; width:18%; margin:0; }
	.holiday_viw .viw_approval { position:absolute; right:20px; top:35px; }
	.holiday_viw .viw_approval .btn_app_viw { font-size:13px; background:url("../images/sub/blt_down.png") 75px 12px no-repeat; padding:7px 25px 7px 10px; }
	.holiday_viw .viw_approval .btn_app_close { font-size:13px; background:url("../images/sub/blt_up.png") 75px 12px no-repeat; padding:7px 25px 7px 10px; }
	.holiday_viw .viw_approval_box>ul>li>span.appro_title{ width:55%; line-height:20px; }
	.holiday_viw .viw_approval_box>ul>li>span.appro_date{ width:70%; text-align:left; line-height:25px; }
	.point_box { width:93%; margin:20px auto 0; }
	.point_box>ul>li { float:none; border-left:none; padding-left:0; }
	.point_box>ul>li.point_title { background-size:23px 23px; background-position:0 0; padding:0 30px 20px; border-right:none; border-bottom:1px solid #c7ccd1; margin:0 0 20px 0; }
	ul.search_lst { margin:0; }
	ul.search_lst>li { border-top:1px solid #e2e5e8; border-left:none; border-right:none; border-bottom:none; border-radius:0; padding:20px; margin:0; }	
	ul.search_lst>li:last-child { border-bottom:1px solid #e2e5e8; }
	ul.search_lst>li>ul { overflow:hidden; }
	ul.search_lst>li>ul>li.photo { float:none; width:100%; text-align:center; margin-bottom:10px; }
	ul.search_lst>li>ul>li.txt { width:100%; }
	ul.search_lst>li>ul>li.txt .search_icon { padding-top:10px; }
	ul.search_lst>li>ul>li.txt .search_icon>a { margin:5px 30px 0 0; }
	.search_group { margin:90px auto 60px; width:70%; position:relative; }
	.login_title { background-size:100%; width:175px; margin:40px auto 0; padding-bottom:10px; }
	.login_box { margin:0 auto 0; width:90%; padding:40px 0; }
	.login_box p input { width:240px; }
	.login_box .login_txt { font-size:17px; }
	.login_box .login_error { display:inline-block; margin:20px auto 0; width:270px; }
	.error_box { margin:40px auto 0; width:85%; padding:100px 15px 40px; background-position:50% 30px;; }
	.find_pw_title { margin:40px auto 0; }
	.find_pw_tab { width:270px; }
	.find_pw_tab>li { width:88px; font-size:12px; }
	.find_pw_tab>li:first-child { width:89px; }
	.pw_certification { width:270px; }
	.pw_certification>li.certification_info p input { font-size:14px; }

	.btn_gray { padding:8px 15px 10px; margin:0 1px; }
	.btn_dgray { padding:8px 15px 10px; margin:0 1px; }
	.btn_blue { padding:8px 15px 10px; margin:0 1px; }
	.btn_pink { padding:8px 15px 10px; margin:0 1px; }
	.btn_login { width:270px; }
	.btn_member_search { position:absolute; right:5px; top:-10px; }

	div#select_box { width:150px; height:34px; margin-top:-1px; }
	div#select_box label { top:9px; }
	div#select_box_login { width:270px; }
}