@charset "utf-8";


/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,textarea,p,th,td,input,select,textarea,button{margin:0;padding:0;}
html,body{width:100%;background:#ffffff;}
body{font-family:'NanumGothic',dotum,tahoma,sans-serif;font-size:12px;color:#000}
fieldset,img{border:0 none;vertical-align:top}
dl,ul,ol,menu,li{list-style:none}
button{overflow:visible;border:0 none;background-color:transparent;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
address,caption,em{font-style:normal}
a{color:#000; text-decoration:none}
a:focus,a:active,a:hover{text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
hr{display:none}

/* common */	

.blind,legend{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:100px;white-space:nowrap}
#skip{height:0}
#skip a{display:block;position:absolute;left:0;top:-100px;width:100%;height:1px;text-align:center}
#skip a:focus,#skip a:active{position:absolute;top:0;z-index:120;height:25px;padding:10px 0;background:#fff;font-weight:bold;color:#000;font-size:20px;text-decoration:none}

/* 레이아웃*/


/*공감엠엔씨 로그인 footer css*/
.checks {position: relative;width:80px; float:left; font-size:15px; padding:0 0 20px 0;} 
.admin_footer {text-align:center; }
.admin_footer ui {display:inline-block; *display:inline; zoom:1;}
.admin_footer ui li {float:left; margin-left:-1px; z-index:1; color: #000 !important;}
.admin_footer ui li a {color: #000 !important;}
.coyp {margin:10px; text-align:center; color:#999;}


/*공감엠엔씨 로그인 css*/
.admin_total{position:absolute; width:100%; height:100%;}
.admin_login {width:50%; float:left; height:100%; position:absolute;}
.admin_bg {width:50%; height:100%; position:relative; float:right; background:#17467e;}
.tit_img img{width:100%; margin-bottom:30px;}
.login_box{padding:0; font-size:12px; margin:20% auto 0 auto; width:275px;}
.input_box{margin:5px 0;}
.input_box input{height:38px; border:#d9d9d9 1px solid; padding-left:15px; width:275px;}
.login_btn01 {width: 100%;background-color:#17467e; margin: 10px auto;text-align: center;color: #fff;padding: 15px 0;font-size: 15px;font-weight: 600}
.login_btn01:hover {background-color:#ffffff; border:1px #17467e groove; color:#17467e} 
.login_btn02 {width: 100%;background-color:#17467e; margin: 10px auto;text-align: center;color: #fff ;padding: 15px 0;font-size: 15px;font-weight: 600}
.login_btn02:hover {background-color:#ffffff; border:1px #17467e groove; color:#17467e} 
.box_txt2{line-height:26px; text-align:center; }



/*공감엠엔씨 회원가입 가입타입 css*/
.admin_join{position:absolute; width:100%; height:100%;}
.admin_join_box {width:50%; float:left; height:100%; position:absolute;}
.admin_bg {width:50%; height:100%; position:relative; float:right; background:#17467e;}
.tit_img img{width:100%; margin-bottom:30px;}
.join_box{padding:0px 70px 50px 60px; font-size:12px; margin:20% auto 0 auto; width:275px;}
.join_text{width:100%; padding:0 0 20px 0; font-size:16px; font-weight:600;}
.join_text p {color:#ff0000; text-align:center; float: left; margin:0 0 10px 0; font-size:15px;}
.join_btu {width: 100%;background-color:#17467e; margin: 10px auto;text-align: center;color: #fff ;padding: 15px 0;font-size: 15px;font-weight: 600}
.join_btu:hover {background-color:#ffffff; border:1px #17467e groove; color:#17467e} 
.join_btu:active {background-color:#ffffff; border:1px #17467e groove; color:#17467e} 
#member_td {height: 37px;margin: 5px; width:95%;}
.member_fromp {padding:2px 0 10px 5px; color:#414141;}


/*공감엠엔씨 로그인 & 회원가입 이미지 가입타입 css*/
.admin_login_box {padding:0; font-size:12px; margin:20% auto 0 auto; width:275px;}
.login_boxsub {text-align: center;}
.admin_bgmain {font-size: 30px; color: #fff; font-family: malgun Gothic;}
.admin_bgsub{ font-size: 20px;color: #fff;  font-family: malgun Gothic; margin: 12px;}
.domuload_admin {}
.domuload_qu {}
.login_box01{padding:0; font-size:12px; margin:5% auto 0 auto; width:275px;}
.login_btn {}
.login_btn>a {font-size:14px;
    color: #fff;
    width: 250px;
    height: 35px;
    display: block;
    margin: 10px 0;
    border: 2px solid #fff;
    background-color: #ffffff00;
    text-align: center;
    padding-top: 12px;
    font-family: malgun Gothic;}
.login_btn>a:hover {cursor: pointer;
    background: transparent;
    transition: all 0.6s;
    background-color: #FFF;
    color: #17467e;
    font-weight: 600;} 





/*공감엠엔씨 로고&개인영역 및 메인 메뉴 css*/
.mo_admin_common {display:none;}

.admin_common { width:280px; background:#ffffff; height:100%; position:absolute; border-right:1px #17467e solid;}
.logo_person {margin:20px; }
.logo_img {padding-bottom:20px; margin:40px auto 0 auto; width:100px;}
.logo_img img {width:100px;}
.com_name {text-align:center; font-size:19px; font-weight:700; color:#17467e;}
.admin_btn_person {margin:10px auto; width:75%; padding:0 0 0 18px;}
.admin_btn {float:left; text-align:center; color:#fff;}
.main_menu {float:left; width:100%;}
.main_menu li {padding:15px 0 15px 47px; font-size:15px; font-weight:700; opacity:0.8;}
.main_menu li:hover {background:#17467e; color:#ffffff; opacity:1; font-weight:700;}
.main_menu li:active {background:#17467e; color:#ffffff; opacity:1; font-weight:700; }


/*공감엠엔씨 네비게이션 css*/
.index {background:#ececec; width:100%;}
.nav_menu {position: relative; padding:75px 0 80px 320px; font-size: 22px; }
.nav_menu ul li {float:left; padding:5px; font-weight:600;}




/* Search */
.select_box {padding:10px 0 30px 0; margin-left:320px;}
.cssfl {width: 80px; height: 30px; font-size: 14px; font-weight: 600; color: #17467e;}
.ed required {}
.select_box span {font-size:15px; font-weight:700; margin:8px;}
#from_dt {height: 30px; font-size: 15px; color: #898989; width: 100px; font-weight: 500; text-align: center; padding: 0;}
#to_dt {height: 30px; font-size: 15px; color: #898989; width: 100px; font-weight: 500; text-align: center; padding: 0;}
.select_do {font-size: 14px; margin:5px; font-weight:700;}



/* Search 버튼 */
.styled {border: 0; line-height: 2.1; padding:0 13px; font-size: 11px; text-align: center; color: #fff; border-radius: 5px; background-color:#17467e; border:1px solid #17467e;
         margin:0 5px;}
.styled:hover { background:#ffffff; color:#17467e; border:1px solid #17467e; }


/*공감엠엔씨 컨텐츠 css*/
.index_contents {position:absolute; margin-left:320px; width:75%;border-top:2px solid #000; overflow:auto;}
.index_contents table {width:100%;}
.con_maintable td {padding:10px 0; border-bottom:1px solid #000; text-align:center; font-size:16px; font-weight:700; }
.con_table th {padding:10px 0; border-bottom:1px solid #000; text-align:center;}
.con_table td {padding:10px 0; border-bottom:1px solid #000; text-align:center;  font-size:14px;}

/*공감엠엔씨 index_모바일 컨텐츠 css*/
.index_contents_mobile {display:none;}


/*공감엠엔씨 광고 리스트 & 실적보기 컨텐츠 css*/
.select_listbox {position:relative; float:left; margin:30px 0 30px 320px; width:75%; border:1px solid; border-radius:15px;}
.list_condition {margin:20px; width:95%;}
.list_condition .ben_img {width:50px; height:50px; border:1px solid;}
.text_main {padding:0 0 0 30px; font-size: 14px; font-weight: 600;}
.text_sub { padding:0 0 0 30px; }
.condition_bnt {width: 9%; text-align: center; padding: 10px 0 10px 0; margin: 0 50px 0 0; color:#fff !important; background-color:#17467e; border:1px solid #17467e;}
.condition_bnt:hover { background:#ffffff; color:#17467e; border:1px solid #17467e; }


/*공감엠엔씨 광고 리스트 리포트 & 그래프 css 광고광리>실적관리*/
.report_listbox {position:relative; float:left; margin:30px 0 55px 320px; width:75%; border:1px solid; border-radius:15px;}
.admin_report{margin-left:320px;}
.report_condition {margin:20px; width:95%;}
.report_condition img {width:50px;}
.report_img {width:50px; height:50px; border:1px solid;}
.report_contents {margin:0 0 30px 320px; width:75%;border-top:2px solid #000; overflow:auto;}
.report_Par {position: relative; top: 140px; right: 79px; margin-bottom: 20px; font-size: 14px;} /*참여자 텍스트 css*/
.report_text {font-size:14px; margin-bottom:15px;}
#chart_div {margin-left:320px; width:80%;}

/*공감엠엔씨 광고 리스트 리포트 & 그래프 css 광고광리>실적관리>참여자현황*/
#start_date {height: 30px !important; font-size: 15px; color: #898989; width: 100px; font-weight: 500; text-align: center; padding: 0;
             border:1px solid #17467e !important; border-right:0 !important; border-bottom:0 !important;}
#end_date {height: 30px !important; font-size: 15px; color: #898989; width: 100px; font-weight: 500; text-align: center; padding: 0;
           border:1px solid #17467e !important; border-right:0 !important; border-bottom:0 !important;}
#ed {height: 30px !important; font-size: 15px; color: #898989; width: 160px; font-weight: 500; padding: 0; border:1px solid #17467e !important;
     border-right:0 !important; border-bottom:0 !important;}
.join_list_ggpk {margin-left:320px;}














@media screen and (max-width:1200px) {
		
.admin_join_box {width:100%;}
.admin_total{position:absolute; width:100%; height:100%;}
.admin_login {width:100%; height:auto; float:none; position:absolute; top:0px;}
.admin_bg {display:none;}
.tit_img img{width:100%; margin-bottom:30px;}
.login_box{border:#cccccc 0px solid; background:#FFFFFF;  padding:30px 6%; margin:20px auto 0 auto; width:78%;}
.box_txt input{width:50px; padding:15px 0;}
.box_txt{font-size:14px; font-weight:600;}
.box_txt2 input{width:50px; padding:15px 0; text-align:center;}
.box_txt2{font-size:12px; font-weight:600; color:#464646; text-align:center;}
.input_box input{height:48px; border:#d9d9d9 1px solid; padding-left:15px; width:260px;}
.input_box{margin:5px 0 4px 0;}
.input_box input{border:#666 1px solid; padding-left:15px; width:100%; font-size:13px; font-weight:600; height:40px;}
.btn_img input{ margin-top:5px; height:63px;}
.btn_img img{margin-top:5px; height:63px;}
.join_btu {margin: 10px auto 20px auto;}
.login_btn01 {width: 100%;background-color: #17467e;margin: 10px auto;text-align: center;color: #fff;padding: 15px 0;font-size: 15px;font-weight: 700}
.login_btn02 {width: 100%;background-color: #17467e;margin: 10px auto;text-align: center;color: #fff ;padding: 15px 0;font-size: 15px;font-weight: 700}

.join_box{margin:10% auto 0 auto; padding:0;}

.checks {position: relative; width:85px; float:left; margin-bottom:0;} 
.checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.checks input[type="radio"] + label { display: inline-block; position: relative; padding-left: 25px; padding-top:5px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 
.checks input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 4px; width: 17px; height: 17px; text-align: center; background: #ffffff; border: 1px solid #333333; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); } .checks input[type="radio"] + label:active:before, 
.checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
.checks input[type="radio"]:checked + label:before { background: #E9ECEE; border-color: #adb8c0; } 
.checks input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 10px; left: 7px; width: 5px; height: 5px; background: #555555; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); } 


/*공감엠엔씨 로그인 & 회원가입 이미지 가입타입 css*/
.admin_footer {margin-top:10px; color:#999;}
.admin_login_box {display:none;}
.login_boxsub {text-align: center;}
.admin_bgmain {font-size: 30px; color: #fff; font-weight: 700; padding: 50px 0 0 0;}
.admin_bgsub{ font-size: 20px;color: #fff; font-weight: 700; margin: 12px;}
.domuload_admin {}
.domuload_qu {}
.login_box01{padding:0; font-size:12px; margin:4% auto 0 auto; width:275px;}
.login_btn03 {    width: 100%;
    background-color: #17467e;
    margin: 10px auto;
    text-align: center;
    color: #ffffff;
    padding: 15px 0;
    font-size: 15px;
    font-weight: 600;
    border: 1px #fff solid;}
.login_btn03:hover {background-color:#fff;  color:#17467e} 
.login_btn04 {    width: 100%;
    background-color: #17467e;
    margin: 10px auto;
    text-align: center;
    color: #ffffff;
    padding: 15px 0;
    font-size: 15px;
    font-weight: 600;
    border: 1px #fff solid;}
.login_btn04:hover {background-color:#fff;  color:#17467e}





/*공감엠엔씨 로고&개인영역 및 메인 메뉴 css*/
.mo_admin_common {display:block; width:auto; height:439px; background:#fff;}

.admin_common {display:none; width:280px; background:#ffffff; height:100%; position:absolute; border-right:1px #17467e solid;}
.logo_person {margin:0; z-index:4;}
.logo_img {padding:50px 0 20px 0; margin:0 auto 0 auto; width:100px;}
.logo_img img {width:100px;}
.com_name {text-align:center; font-size:19px; font-weight:700; color:#17467e;}
.admin_btn_person {margin:10px auto; width:75%; padding:0 0 0 18px;}
.admin_btn {float:left; padding:10px; background:#0d477a; margin:10px 5px 20px 5px; width:130px; text-align:center; color:#fff;}
.main_menu {float:left; width:100%;}
.main_menu li {padding:20px 0; font-size:18px; font-weight:700; opacity:0.8; text-align:center;}
.main_menu li:hover {background:#17467e; color:#ffffff; opacity:1; font-weight:700;}
.main_menu li:active {background:#17467e; color:#ffffff; opacity:1; font-weight:700; }


/*공감엠엔씨 네비게이션 css*/
.index {background:#ececec; width:100%;}
.nav_menu {position: relative; padding:75px 0 76px 16px;}
.nav_menu ul li {float:left; padding:15px; font-weight:600; font-size:25px;}




/* Search */
.select_box {margin-left:30px;}
.cssfl {width: 80px; height: 30px; font-size: 14px; font-weight: 600; color: #17467e;}
.ed required {}
.moblie_text {display:none;}
#from_dt {height: 30px; font-size: 15px; color: #898989; width: 100px; font-weight: 500; text-align: center; padding: 0;}
#to_dt {height: 30px; font-size: 15px; color: #898989; width: 100px; font-weight: 500; text-align: center; padding: 0;}
.select_do {font-size: 14px; margin:5px; font-weight:700;}

.moblie_select {}

/* Search 버튼 */
.styled {line-height: 2; padding:0 5px; font-size: 11px; text-align: center; color: #fff; border-radius: 5px; background-color:#17467e; border:1px solid #17467e;}
.styled:hover { background:#ffffff; color:#17467e; border:1px solid #17467e; }


/*공감엠엔씨 홈 컨텐츠 css*/
.index_contents { margin-left:0; width:100%;}



/*공감엠엔씨 광고 리스트 & 실적보기 컨텐츠 css*/
.select_listbox {position:relative; float:left; margin:30px 0 30px 0px; width:100%; border:1px solid; border-radius:15px;}
.list_condition {margin:20px; width:95%;}
.list_condition .ben_img {width:50px; height:50px; border:1px solid;}
.text_main {padding:0 0 0 30px; font-size: 14px; font-weight: 600;}
.text_sub { padding:0 0 0 30px; }
.condition_bnt {width: 9%; text-align: center; padding: 10px 0 10px 0; margin: 0 50px 0 0; color:#fff !important; background-color:#17467e; border:1px solid #17467e;}
.condition_bnt:hover { background:#ffffff; color:#17467e; border:1px solid #17467e; }





}