@charset "utf-8";

/*
=============================================
|  메디픽스    Medipix                       |
|  Cell: 02-567-6847                         |
|  Home: http://www.medipix.co.kr            |
|  e-mail: design@mediphics.co.kr            |
=============================================
*/


*{margin:0;padding:0;font-family:Apple SD Gothic Neo,"나눔고딕",NanumGothic,'돋움',dotum,Helvetica,sans-serif;-webkit-text-size-adjust:none}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, abbr, acronym, address, big, cite, code, ins, small, sub, sup
{ font:22px/30px "돋움", "Dotum"; color:#666666; padding:0; margin:0; }

div img, dl img, dt img, dd img, ul img, ol img, li img, h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, pre img, form img, fieldset img, input img, textarea img, p img, blockquote img, th img, td img{ font-size:0; line-height:0; }

table{ border-collapse:collapse; border-spacing:0; }

ol, ul, li{ list-style:none; }

h1, h2, h3, h4, h5, h6, th, td{ font-weight:normal; font-size:100%; }

form, fieldset, a img{ border:0; }

q:before,q:after { content:''; }

abbr,acronym { border:0; }

address, abbr, address, big, cite, code, ins, small, sub, sup, em{ font-weight:normal; font-style:normal; }

blockquote, q{ quotes:none; }

.accessibility, .skip, legend
{ position:absolute !important; width:0 !important; height:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }
caption{ display:none; }

.null{ font-size:0; line-height:0; }

a img, input, textarea, select, img{ vertical-align:middle; }


time, progress, mark, output { display:inline; }


.hide{ position:absolute; top:-9999px; left:-9999px; }
.clr{ clear:both !important; float:none !important; width:0 !important; height:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }

a {text-decoration:none;}
a img{ border:0; }
img, input, select{ vertical-align:middle; }

input{ font:13px "돋움", "Dutum", "Tahoma"; color:#000; vertical-align:middle; }
select{ font-size:13px; border:1px solid #D0D0D0; background:#fff; }

.join_box {margin:5px 0 0 0;padding:5px 3%;}
.join_box h4 {margin:20px 0 7px 0;height:25px;font:bold 18px 'dotum';color:#454544;}

.il {width:100%;height:40px;margin:10px 0;position:relative;box-shadow:0 1px 0 #FFF;-webkit-box-shadow: 0 1px 0 #FFF;padding:1px;border-radius:4px;border:1px solid #dadada;background:-webkit-linear-gradient(top,rgba(174,174,175,1) 0%,rgba(199,199,199,1) 100%);}
.noj {margin:0;}
.j2 {margin-bottom:15px;}
.j3 {width:68%;}
.il label {display:block;font:normal 18px/40px 'dotum';color:#999;}
.il span {display: block;height:40px;padding: 0 6px;border-radius: 3px;background:#FFF;box-shadow: inset 1px 1px 0 #F0F0F0;-webkit-box-shadow: inset 1px 1px 0 #F0F0F0;}
.il input {position:absolute;width:99%;padding-left:1%;height:40px;border:0;background: transparent;font-size:20px;vertical-align:top;-webkit-appearance: none;top:0;left:0;z-index:1;}
.il textarea {position:absolute;width:99%;padding-left:1%;height:120px;border:0;background: transparent;font-size:20px;vertical-align:top;-webkit-appearance: none;top:0;left:0;z-index:1;}

.il2 {width:100%;height:120px;margin:10px 0;position:relative;box-shadow:0 1px 0 #FFF;-webkit-box-shadow: 0 1px 0 #FFF;padding:1px;border-radius:4px;background:-webkit-linear-gradient(top,rgba(174,174,175,1) 0%,rgba(199,199,199,1) 100%);}
.il2 label {display:block;font:normal 20px/40px 'dotum';color:#999;}
.il2 span {display: block;height:120px;padding: 0 6px;border-radius: 3px;background:#FFF;box-shadow: inset 1px 1px 0 #F0F0F0;-webkit-box-shadow: inset 1px 1px 0 #F0F0F0;}
.il2 textarea {position:absolute;width:98%;padding:10px 1%;height:100px;border:0;background: transparent;font-size:20px;vertical-align:top;-webkit-appearance: none;top:0;left:0;z-index:1;}

.select_wrap {width:100%;display:block;position:relative;height:40px;border:1px solid #aaaaaa;border-radius:5px;background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,rgba(255,255,255,1)),color-stop(100%,rgba(239,239,239,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,1) 1%,rgba(239,239,239,1) 100%);}
.select_wrap select {font-size:23px;width:100%;height:40px;padding:0 0 0 10px;border:0;background:transparent url(../img/comm/bg_select.gif) no-repeat 100% 0;background-size:36px 40px !important;-webkit-background-size:36px 40px !important;-webkit-appearance:none}

.ic {width:100%;margin:10px 0;display:inline-block;}
.ic li {width:32%;float:left;}
.ic li.ic_num {margin-left:2%;}
.ic li.ic_mail {width:48%;margin-right:2%;}
.ic li.ic_mail2 {width:50%;}
.ic .select_wrap {width:100%;}
#mail_dir {display:none;}

.form_btn {text-align:center;margin:20px 0;}

/*------------------------------------------------------------------------------------------------------------*/
body{ margin:0; padding:0; position:relative;overflow-x:hidden; background:#2e3540;}
 
#document{ width:640px; margin:0 auto; background:#fff;}

/* 헤더 */
.head_box {width:640px; height:114px; overflow:hidden; margin:0 auto; background:#fff; background:url(../img/comm/gnb_bg.jpg) top repeat-x;}
.head_box h1 {float:left; margin:15px 0 0 105px;}
.head_box .tel {float:left; margin:18px 0 0 20px;}
.head_box #total_toggle {float:right; margin:18px 20px 0 0;}

.top_menu { width:640px; overflow:hidden; }
.top_menu li{ float:left ; width:159px;border:1px solid #434650;background:#35343d;text-align:center;margin:-1px 0 0 -1px ;height:25px;line-height:20px;padding:15px 0 12px 0; font-size:0.8em} 
.top_menu li.bg_red {border:1px solid #a00709;background:#cc1f25;}
.top_menu li a {color:#fff !important;}
/* 푸터 */
.foot_wrap {width:100%; position:relative;}
.foot_btn {width:640px;  overflow:hidden; margin:10px 13px;}
.foot_btn li {float:left; margin:5px;}
.foot_box {width:640px; margin:0 auto; text-align:center; padding-bottom:50px; background:#d5d5d5; overflow:hidden;}
.foot_box p {width:640px; margin:0 auto;}
.foot_box ul {width:500px; margin:30px auto 0 auto; overflow:hidden;}
.foot_box ul li {float:left; margin-right:6px;}

/* 전체메뉴 */
#total_menu {width:640px;position:absolute;top:114px;left:50%;margin-left:-320px;z-index:100;display:none;}
.total_wrap {padding:35px; background:#333333;}
.total_box {position:relative;margin:20px 0;font-size:0;vertical-align:top;}
.total_box strong {display:block; width:568px; height:55px; font:bold 23px/55px "dotum";color:#3a3a3a; border:1px solid #000; border-radius:7px; background:#fff; text-indent:20px;}
.total_box strong.color1 {background:#cc1f25; color:#fff;}
.total_box strong.color2 {background:#2d3c7f; color:#fff;}
.total_box ul {width:568px; overflow:hidden; margin:10px 0 0 20px;}
.total_box ul li {float:left;}
.total_box ul li a {font:normal 20px/40px "dotum";color:#bfbfbf; letter-spacing:-1px;}