@charset "utf-8";
ul {margin:0; padding:0;}
li{list-style:none;}
img {border:0;}
a {text-decoration:none;}

@font-face { font-family: ngb; src:url(http://www.hdweb.co.kr/NanumGothicBold.eot); } 
#comingsoon {width:100%;padding-top:100px;text-align:center}

/*page0101 시작*/
.page0101 {position:relative; width:100%; min-height:600px; font-family: 'Nanum Gothic', '나눔 고딕', '맑은 고딕', '돋움'}
.page0101 p {text-align:center; font-size:2em; color:#666; padding:10px 0}
.page0101 p strong {color:#fe9600}

.right {position:relative; min-height:300px; background-image:url(/sh_page/img/0101.jpg); background-repeat:no-repeat;  text-align:center}
.r01 {position:relative; height:120px; color:#333; font-size:1.5em; font-weight:bold; padding-top:50px; padding-bottom:20px}
.r02 {position:relative; float:left; color:#333; font-size:18px; font-weight:bold; margin-left:260px}
.r03 {position:relative; float:right; color:#333; font-size:18px; font-weight:bold; margin-right:260px}

.txt01 {font-size:1.3em; line-height:1.6em; color:#3b3b3b; position:relative; width:100%; margin-top:30px; background:#fff}
.page0101 p.t01 {font-size:2em; line-height:20px; color:#3b3b3b; font-weight:bold; text-align:right; width:100%; background:#fff}


/*page0101 끝*/


.page0102 {position:relative; width:800px; font-family: 'Nanum Gothic', '나눔 고딕', '맑은 고딕', '돋움'}
.img0102 {background-image:url(/sh_page/img/mm.png); background-position:0px 0px; width:400px; height:535px; background-repeat:no-repeat; position:relative; float:left; margin-top:50px}
.r0102 {position:relative; float:right; width:400px}
.sh_title_page02 {font-size:25px; color:#ff9600;}
.sh_month {font-size:15px; font-weight:bold; color:#9d9d9d; line-height:25px;}


.p0301 {width:800px; margin:0 auto}
.page0301 {position:relative; float:left; width:240px; height:120px; border:2px solid #c0c0c0; margin-bottom:30px; font-family: 'Nanum Gothic', '나눔 고딕', '맑은 고딕', '돋움'}
.box {width:52px; height:43px; color:#FFF; margin:8px 0 0 8px; font-size:20px; line-height:43px; text-align:center; float:left; background-image:url(/sh_page/img/mm.png); background-position:0 -533px; }
.next {width:20px; position:relative; float:left; font-size:2em; margin:50px 5px 0 5px; font-weight:bold; color:#CCC}
.p0301_t {color:#606060; font-size:1.3em; line-height:290%; font-weight:bold;  float:left; position:relative; left:10px; color:#444444; margin-top:2px;}
.p0301_c {color:#606060; font-size:1.1em; line-height:18px; position:relative; float:left; width:220px; margin:8px 0 0 8px; color:#a4a3a3;}


/* 인사말 */
#page22 {background:url(/sh_page/img/page22.png) no-repeat; background-position:440px -1px/**/}
#page22 .s_tit{font-size:1.3em;font-weight:bold;color:#555555;padding:30px 0;line-height:1.8em;margin-left:20px}
#page22 .s_tit b{font-size:1.6em;color:#0a88dc;font-weight:bold;letter-spacing:-0.05em}
#page22 .cont {font-size:1.2em;color:#888;line-height:1.7em;letter-spacing:-0.05em;margin-left:20px}
#page22 dl.list_wrap{overflow:hidden;width:92%;border-bottom:1px solid #d7d7d7;margin-left:20px; padding-bottom:10px}
#page22 dl.list_wrap p{font-size:1.1em; line-height:1.8em}
#page22 .cont strong{font-size:1.3em;color:#444}
#page22 dl.list_wrap dt{margin-left:20px;color:#000;font-size:1.2em;line-height:2.5em;float:left;letter-spacing:-0.05em;width:50px;white-space:pre}
#page22 dl.list_wrap dd{color:#a3a3a3;font-size:1.2em;line-height:2.5em;float:right;letter-spacing:-0.05em;width:370px}
#page22 .plustxt{font-size:1.2em; line-height:1.7em; padding-left:20px; letter-spacing:-1px}



/* 연구원소개 */
#page23{background:url(/sh_page/img/page23_bg.png) 10px top no-repeat;min-height:660px}
#page23 li{padding-left:216px; border-bottom:1px solid #ddd}
#page23 li .num{display:inline-block;*display:inline;zoom:1;font-size:1.25em;font-weight:800;letter-spacing:0.05em;line-height:1.6em;border-bottom-width:3px;border-bottom-style:solid}
#page23 li .m_tit{font-size:1.7em;font-weight:bold;margin:14px 0 10px}
#page23 li .cont{font-size:1.2em;color:#888888;letter-spacing:-0.05em;line-height:1.4em}
#page23 li.m01{padding-top:65px; padding-bottom:15px}
#page23 li.m01 .num{border-color:#8e6ad0;color:#8e6ad0}
#page23 li.m02{padding-top:73px; padding-bottom:12px}
#page23 li.m02 .num{border-color:#9edc61;color:#9edc61}
#page23 li.m03{padding-top:70px; padding-bottom:12px;border:0}
#page23 li.m03 .num{border-color:#6ad0c8;color:#6ad0c8}
/* 연구원소개mobile */
#page23_m{overflow:hidden; position:relative;width:95%; padding:2.5%; margin:0 auto}
#page23_m div.contrwap{overflow:hidden; border-bottom:1px solid #ebebeb; margin-bottom:10px;padding-bottom:10px}
#page23_m div.contrwap div.photo{width:40%; float:left; max-width:140px}
#page23_m div.contrwap div.photo img{width:95%; border:1px solid #ddd; max-width:126px}
#page23_m div.contrwap div.txtn{width:56%; float:left; margin-left:2%}
#page23_m div.contrwap div.txtn ul{clear:both;padding:0; margin:0; list-style:none; margin-bottom:10px;}
#page23_m div.contrwap div.txtn ul li .num{display:inline-block;*display:inline;zoom:1;font-size:1.25em;font-weight:800;letter-spacing:0.05em;line-height:1.6em;border-bottom-width:3px;border-bottom-style:solid}
#page23_m div.contrwap div.txtn ul li .m_tit{font-size:1.5em;font-weight:bold;margin:14px 0 10px}
#page23_m div.contrwap div.txtn ul li .cont{font-size:1.1em;color:#888888;letter-spacing:-0.05em;line-height:1.2em}
#page23_m div.contrwap div.txtn ul li.m01{ padding-bottom:12px}
#page23_m div.contrwap div.txtn ul li.m01 .num{border-color:#8e6ad0;color:#8e6ad0}
#page23_m div.contrwap div.txtn ul li.m02{ padding-bottom:12px}
#page23_m div.contrwap div.txtn ul li.m02 .num{border-color:#9edc61;color:#9edc61}
#page23_m div.contrwap div.txtn ul li.m03{ padding-bottom:12px;border:0}
#page23_m div.contrwap div.txtn ul li.m03 .num{border-color:#6ad0c8;color:#6ad0c8}


/* 수리접수방법 */
#page33 .m_tit{background:url(/sh_page/img/page33_tit.png) left center no-repeat;padding-left:17px;color:#2f2f2f;font-weight:bold;font-size:1.7em;line-height:1.5em;letter-spacing:-0.05em}
#page33 .list_wrap{overflow:hidden;padding-top:30px}
#page33 .list_wrap li{float:left;width:31%;margin-right:25px;position:relative}
#page33 .list_wrap li.last{margin-right:0}
#page33 .list_wrap li.list_top{padding-bottom:50px}
#page33 .list_wrap li p{border-radius:10px;text-align:center;color:#313131;font-size:1.6em;font-weight:bold;letter-spacing:-0.05em;padding:23px 0;behavior:url('/js/PIE.htc');width:232px}
#page33 .list_wrap li .list_num01{background:url(/sh_page/img/list_num01.png) right top no-repeat #f5f5f5}
#page33 .list_wrap li .list_num02{background:url(/sh_page/img/list_num02.png) right top no-repeat #f5f5f5}
#page33 .list_wrap li .list_num03{background:url(/sh_page/img/list_num03.png) right top no-repeat #f5f5f5}
#page33 .list_wrap li .next{position:absolute;left:239px;top:-32px}
#page33 .list_wrap li dl{padding-right:20px;border-right:1px dotted #e6e6e6;padding-left:10px;min-height:200px}
#page33 .list_wrap li.last dl{border-right:0}
#page33 .list_wrap .list_tit{color:#2a7fc7;font-size:1.4em;font-weight:bold;margin:25px 0 10px 0;letter-spacing:-0.05em}
#page33 .list_wrap .list_txt{color:#797979;font-size:1.1em;letter-spacing:-0.05em;line-height:1.5em;background:url(/sh_page/img/page33_txt.png) left 8px no-repeat;padding-bottom:10px;margin-left:0}

/* 수리접수방법 mobile*/
#page33_m{ position:relative; width:96%; padding:2%;text-align:center}
#page33_m div.imgw{position:relative;min-width:100px;line-height:60px;}
#page33_m div.imgw p{position:absolute; left:50%;margin-left:-30px;top:0;font-weight:bold; font-size:1.3em}
#page33_m div.txtw{ font-size:1.1em; width:80%;line-height:1.8em; margin:20px auto; border-bottom:1px solid #ebebeb; padding-bottom:20px;}