@charset "utf-8"; 

/* 공용 */
.mt20 {margin-top:20px;}
.mt40 {margin-top:40px;}
.graybox {background-color:#f7f7f7; padding:20px; text-align:center;}
.whiteBox {border:1px solid #e7e7e7; padding:20px;}
.weight { font-family:"Nanum-bold";}
.indent {padding-left:28px; padding-top:10px;}
.sub01_02 h5.txt15 {font-size:15px; line-height:1.3em;}
.txt14 {font-size:14px; line-height:1.6em; }
.txt17 {font-size:17px; line-height:1.6em;7}
.txt18 {font-size:18px; line-height:1.6em; color:#047665;}
.txt26 {font-size:26px; line-height:1.6em; color:#bd7188;}
.txt28 {font-size:28px; line-height:1.6em; color:#0ebca1;}

.minH260 {min-height:260px;}
.minH400 {min-height:400px;}
.minH680 {min-height:680px;}
.minH950 {min-height:950px;}
.number {text-align:Center; font-size:28px; color:#6c9bd0; font-family:'Nanum-bold'; line-height:100px;}
.mobile {display:none;}
.none {display:none;}

.working {background-color:#f7f7f7; border:1px solid #dfe0e0;  text-align:center; background:url('../img/contents/working2.jpg') no-repeat 20% 50%; min-height:450px; line-height:450px; }
.working span {background-color:#020202; color:#fff; padding:7px 10px; font-size:25px; font-family:'Nanum-bold';}

h3 { color:#527ec0; font-family:'Nanum-regular'; font-size:20px;  line-height:1.4em; clear:both; background:url('../img/contents/li_icon2.png') no-repeat 2px 2px; padding-left:30px;}
h3 span {font-size:0.7em;  line-height:1.1em; clear:both;  font-family:'Nanum-regular';}
h4 {color:#202020; font-family:'Nanum-bold'; font-size:16px;  line-height:1.3em; clear:both; background:url('../img/contents/li_icon3.png') no-repeat 0 2px; padding-left:25px;}

strong {font-family:'Nanum-bold'; color:#0ebca1; }

/* 페이지 타이틀 */
.s-content {position:relative; max-width:1050px; margin:-30px auto 0 auto;  padding:0 0 70px 0; line-height:1.7em;  z-index:100; min-height:500px;}
.top_area {width:100%;  }
.top_area .title {color:#292727; font-size:40px; font-family:"Nanum-bold"; text-align:Center; line-height:60px; }


/* 컨텐츠 테이블 */
.conTable{width: 100%; border-top: 3px solid #00aeef;}
.conTable th {padding: 8px; border-bottom: 1px solid #cccccc; text-align: center; font-family: "Nanum-ExtraBold"; font-weight: normal; float: none; font-size: 14px; background-color: #f7f7f7;}
.conTable td {padding: 8px; border-bottom: 1px solid #cccccc; border-right:1px solid #cccccc; text-align: center; font-family: "Nanum-regular"; float: none;}
.conTable tbody th{border-right:1px solid #cccccc;}
.conTable td:last-child{border-right:none;}
.bLine {border-left:1px solid #cccccc;}

/* Snb - name 고정 */
#snb {width:100%; height:52px; background:#fff; text-align:center; margin:0 0 50px; border:1px solid #dfe0e0; border-top:0px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
#snb .snb_menu {}
#snb .snb_menu li {display:inline;}
#snb .s_menu01 li a {display:inline-block; width:14.22%; margin:0 -2px; font-size:16px; font-family:"Nanum-bold"; line-height:51px; border-right:1px solid #dfe0e0; text-align:Center;}
#snb .s_menu02 li a {display:inline-block; width:20%; margin:0 -2px; font-size:16px; font-family:"Nanum-bold"; line-height:51px; border-right:1px solid #dfe0e0; text-align:Center;}
#snb .s_menu03 li a {display:inline-block; width:33.333%; margin:0 -2px; font-size:16px; font-family:"Nanum-bold"; line-height:51px; border-right:1px solid #dfe0e0; text-align:Center;}
#snb .s_menu04 li a {display:inline-block; width:20%; margin:0 -2px; font-size:16px; font-family:"Nanum-bold"; line-height:51px; border-right:1px solid #dfe0e0; text-align:Center;}
#snb .s_menu05 li a {display:inline-block; width:50%; margin:0 -2px; font-size:16px; font-family:"Nanum-bold"; line-height:51px; border-right:1px solid #dfe0e0; text-align:Center;}
#snb .s_menu90 li a {display:inline-block; width:20%; margin:0 -2px; font-size:16px; font-family:"Nanum-bold"; line-height:51px; border-right:1px solid #dfe0e0; text-align:Center;}
#snb .selected {color:#fff; background-color:#0eabbc; }
#snb .snb_menu li:last-child a {border-right:0px solid #dfe0e0;}
#snb .snb_menu li.on a, #snb .snb_menu li a:hover {color:#fff; background:#0eabbc url(../img/sub/snb_arw_on.png) center 0 no-repeat;}
.pw_form {text-align:center;}

/* tabmenu */
#snb2 {width:100%; height:42px;  text-align:center; border-bottom:2px solid #0eabbc;  margin-bottom:30px;}
#snb2 .tab_menu {}
#snb2 .tab_menu li {display:inline; background:none;}
#snb2 .tab_menu {width:100%; height:42px; border-top:0px;}
#snb2 .tab_menu li a {font-family:"Nanum-bold"; display:inline-block; width:42%; text-align:Center; line-height:42px; border:1px solid #dfe0e0; border-bottom:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
#snb2 .tab_menu li a.selected { border:1px solid #0eabbc; border-bottom:0px; color:#0eabbc; font-family:"Nanum-bold";}

/* sub page-타이틀 */
.title_box {position:relative; height:30px; text-align:center; padding-top:10px;}
.title_box .path {text-align:Center;}
.title_box .path li {display:inline; background:url('../img/sub/bg_bcrb.png') no-repeat right 6px; padding:0 18px 0 10px; font-size:13px;}
.title_box .path li:last-child {background:none;}
.title_box .path li img {vertical-align:text-top;}


/* contents 고정 */
.contentsWrap {position:relative; max-width:1050px; margin:0 auto; padding-top:30px; min-height:350px;}
.contents ul li {background:url('../img/contents/li_icon.gif') no-repeat 4px 7px; padding-left:13px; line-height:1.7em;}
.policy h4 {font-size:15px;}
.policy ul li {background:none; padding-left:0px;}
.policy ul li ul {color:#848587; padding:10px; background-color:#f8f8f8; margin:6px;}


/* 인사말 */
.sub01_01 {min-height:320px;}
.sub01_01 img {float:left; padding-right:30px;}

/* 소개 */
.overview { text-align:center; background:url('../img/contents/overview.jpg') no-repeat 40% 0%; min-height:190px; padding-top:110px;}

/* 비전 */
h4.sub01_02_title  {width:186px; height:45px; margin: 0 auto; background:url('../img/contents/circle_main.png') no-repeat 0 0; padding: 125px 50px; text-align:Center}
.sub01_02 {position:relative; margin:20px  auto; min-height:180px; width:auto;}
.sub01_02 li {width:140px; float:left;  text-align:Center; padding:50px 10px 20px 25px; height:110px; text-align:Center; color:#fff; margin-left:3%; font-family:"Nanum-bold"; }
.sub01_02 li p {font-size:13px; line-height:18px;}
.sub01_02 .cir_bg01 {background:url('../img/contents/circle_01.png') no-repeat 50% 0; margin-left:6%;}
.sub01_02 .cir_bg02 {background:url('../img/contents/circle_02.png') no-repeat 50% 0;}
.sub01_02 .cir_bg03 {background:url('../img/contents/circle_03.png') no-repeat 50% 0;}
.sub01_02 .cir_bg04 {background:url('../img/contents/circle_04.png') no-repeat 50% 0;}
.sub01_02 .cir_bg05 {background:url('../img/contents/circle_05.png') no-repeat 50% 0;}

.sub01_02 li h5 {font-size:16px;  padding-top:60px; margin-top:-15px;}
.sub01_02 li.cir_bg01 h5 {background:url('../img/contents/v_icon01.png') no-repeat 50% 0;}
.sub01_02 li.cir_bg02 h5 {background:url('../img/contents/v_icon02.png') no-repeat 50% 0;}
.sub01_02 li.cir_bg03 h5 {background:url('../img/contents/v_icon03.png') no-repeat 50% 0;}
.sub01_02 li.cir_bg04 h5 {background:url('../img/contents/v_icon04.png') no-repeat 50% 0;}
.sub01_02 li.cir_bg05 h5 {background:url('../img/contents/v_icon05.png') no-repeat 50% 0;}
.sub01_02 li p {padding-top:40px; color:#666;}

.ssrc01 {position:Absolute; top:-300px; left:100px;}
.ssrc02 {position:Absolute; top:-70px; left:160px;}
.ssrc03 {position:Absolute; top:0px; left:400px;}
.ssrc04 {position:Absolute; top:-70px; right:160px;}
.ssrc05 {position:Absolute; top:-300px; right:100px;}



/* 사업영역 */
.sub01_04 h3  {font-size:18px; width:186px; height:41px; margin: 0 auto; background:url('../img/contents/circle_main.png') no-repeat 0 0; padding: 125px 50px; text-align:Center;}
.sub01_04 h3.lines  {font-size:18px; width:186px; height:51px; margin: 0 auto; background:url('../img/contents/circle_main.png') no-repeat 0 0; padding: 120px 50px; text-align:Center;  font-family:"Nanum-bold"; }
.sub01_04 h4  {background:none; padding:0px;}
.sub01_04 ul li {padding-top:170px; width:30%; float:left; margin-right:5%;  text-align:Center; padding-left:0px;}
.sub01_04 ul .vision01 {background:url('../img/contents/vision_01.png') no-repeat 50% 0; min-height:157px;}
.sub01_04 ul .vision02 {background:url('../img/contents/vision_02.png') no-repeat 50% 0; min-height:157px;}
.sub01_04 ul .vision03 {background:url('../img/contents/vision_03.png') no-repeat 50% 0; min-height:157px;}
.sub01_04 ul li:last-child { margin-right:0%; }
.sub01_04  h4 {font-size:16px;}

/* 시설소개 */
.contentsWrap .contents .sub01_05 ul  {float:left; padding-bottom:30px;}
.contentsWrap .contents .sub01_05 ul li {float:left; display:inline-block; width:27%; background:none; text-align:Center; padding:10px 3% 15px 3%; border-bottom:1px solid #ededed; margin-top:10px;}
.contentsWrap .contents .sub01_05 ul li img {display:block; margin:0 auto; border:1px solid #ededed; margin-bottom:10px;}

/*partner_site*/
.partner_site ul li {display:inline-block; width:23%; margin:10px 0.7%;  border:1px dashed #c7c7c7; padding:10px 0; height:60px; background:none; text-align:center;}
.partner_site ul li img  {width:200px; height:60px; margin-bottom:3px;}


/* map */
.map_info { min-height:90px; }
.map_info dl { width:27%; float:left; margin-left:3%;}
.map_info dl.first {width:40%;margin-left:0%;}
.map_info dl dt {background:url('../img/contents/li_icon3.png') no-repeat 0 50%;  border-bottom:2px solid #8ebee1; padding:8px 0 8px 20px; font-size:16px; font-family:"Nanum-bold";}
.map_info dl dd { padding:8px 0 8px 20px; font-size:13px;}


/* 효능평가  sub02_01 */
.sub02_list01 { background:url('../img/contents/sub02_01.jpg') no-repeat 34% 0; padding-top:320px; padding-bottom:0px; padding-left:0px;}
.sub02_list01 ul li {text-align:Center; display:inline-block;  width:49.5%; margin:10px 0 10px 0.5%;  height:auto; padding:10px 0; background:none; border:2px  solid #5890cf;  box-sizing:border-box; letter-spacing:-0.1em; color:#5890cf;  font-family:'Nanum-bold';}
.sub02_list01 ul li.bg01 { background:none; border:2px  solid #64b6d5; margin:10px 0 10px 0; color:#64b6d5;}


/* sub02_02_bg */
.sub02_02_bg { text-align:center; background:url('../img/contents/sub02_02_bg.jpg') no-repeat 40% 0%; min-height:190px;  padding:100px 50px 0 50px;}

/* 효능평가  sub02_03 */
.contentsWrap .contents .sub03_list ul li {float:left; width:50%; display:block; background:url('../img/contents/li_bg.png') no-repeat 0 0; min-height:100px; margin:0px;  padding:35px 0 0 0px;}
.contentsWrap .contents .sub03_list ul li span {float:left; width:130px; height:110px;  margin-top:-35px;}
.contentsWrap .contents .sub03_list01 ul li {float:left; width:14%; display:block; background:url('../img/contents/li_bg.png') no-repeat 50% 0; min-height:100px; margin:0px;  padding:35px 0 0 0px; text-align:Center;}
.contentsWrap .contents .sub03_list01 ul li span { width:130px; height:110px; }

.s02_02_01 {background:url('../img/contents/s02_02_01.png') no-repeat 45% 45%;}
.s02_02_02 {background:url('../img/contents/s02_02_02.png') no-repeat 45% 45%;}
.s02_02_03 {background:url('../img/contents/s02_02_03.png') no-repeat 45% 45%;}
.s02_02_04 {background:url('../img/contents/s02_02_04.png') no-repeat 45% 45%;}
.s02_02_05 {background:url('../img/contents/s02_02_05.png') no-repeat 45% 45%;}

.s02_03_01 { background:url('../img/contents/s02_03_01.png') no-repeat 45% 45%;}
.s02_03_02 { background:url('../img/contents/s02_03_02.png') no-repeat 45% 45%;}
.s02_03_03 { background:url('../img/contents/s02_03_03.png') no-repeat 45% 45%;}
.s02_03_04 { background:url('../img/contents/s02_03_04.png') no-repeat 45% 45%;}
.s02_03_05 { background:url('../img/contents/s02_03_05.png') no-repeat 45% 45%;}
.s02_03_06 { background:url('../img/contents/s02_03_06.png') no-repeat 45% 45%;}


.s02_01_01 { background:url('../img/contents/s02_01_01.png') no-repeat 45% 45%;}
.s02_01_02 { background:url('../img/contents/s02_01_02.png') no-repeat 45% 45%;}
.s02_01_03 { background:url('../img/contents/s02_01_03.png') no-repeat 45% 45%;}
.s02_01_06 { background:url('../img/contents/s02_01_06.png') no-repeat 45% 45%;}
.s02_01_08 { background:url('../img/contents/s02_01_08.png') no-repeat 45% 45%;}

.s02_04_02 { background:url('../img/contents/s02_04_02.png') no-repeat 45% 45%;}


/* 인체적용시험  sub03_01 */
h4.sub03_01_title  {width:186px; height:95px; margin: 0 auto; background:url('../img/contents/circle_main.png') no-repeat 0 0; padding: 100px 50px; text-align:Center; color:#527ec0; font-family:'Nanum-bold'; font-size:28px; line-height:30px; }
h4.sub03_01_title span {font-size:18px; line-height:11px; font-family:'Nanum-regular'; }


/* 의약외품평가 sub02_04 */
.sub02_04 ul li { display:inline-block; width:47%; background:none; margin:0px 0px 35px 0px; padding:0px 0px 20px 0px; border-bottom:1px solid #dedede; text-align:Center;  vertical-align:top;}
.sub02_04 ul li.first {margin-right:5%;}
.sub02_04 ul li img {width:100%; display:block; padding-bottom:15px;}


/* sub04_04_order*/
.contentsWrap .contents .sub04_04_order li {position:relative; float:left; width:11%; padding:0 1.6%; background:url('../img/contents/arrow.gif') no-repeat 0 50%; text-align:Center; min-width:100px; min-height:85px;}
.contentsWrap .contents .sub04_04_order li span {background-color:#0591b9; width:100%; color:#fff; display:block; font-family:"Nanum-bold"; border-radius:13px; line-height:26px; margin-bottom:3px;}
.contentsWrap .contents .sub04_04_order li img {position:absolute; height:auto; right:-10px; top:35px;}
.contentsWrap .contents .sub04_04_order li.sub_04_04_img01 {background:url('../img/contents/sub_04_04_img01.png') no-repeat 50% 0; padding-top:60px;}
.contentsWrap .contents .sub04_04_order li.sub_04_04_img02 {background:url('../img/contents/sub_04_04_img02.png') no-repeat 50% 0; padding-top:60px;}
.contentsWrap .contents .sub04_04_order li.sub_04_04_img03 {background:url('../img/contents/sub_04_04_img03.png') no-repeat 50% 10px; padding-top:60px;}
.contentsWrap .contents .sub04_04_order li.sub_04_04_img04 {background:url('../img/contents/sub_04_04_img04.png') no-repeat 50% 5px; padding-top:60px;}
.contentsWrap .contents .sub04_04_order li.sub_04_04_img05 {background:url('../img/contents/sub_04_04_img05.png') no-repeat 50% 0; padding-top:60px;}
.contentsWrap .contents .sub04_04_order li.sub_04_04_img06 {background:url('../img/contents/sub_04_04_img06.png') no-repeat 50% 5px; padding-top:60px;}
.contentsWrap .contents .sub04_04_order li.sub_04_04_img07 {background:url('../img/contents/sub_04_04_img07.png') no-repeat 50% 0; padding-top:60px;}


/* 사이트맵  sub09_06 */
.Sitemap li {float:left; width:19.2%; margin-left:1%;}
.Sitemap li:first-child {display:inline-block; width:19.2%; margin-left:0%;}
.Sitemap li span a {display:block; width:100%;background-color:#0694b9; text-align:Center; line-height:45px; color:#fff; font-family:"Nanum-bold";}
.Sitemap li ul {height:220px;  margin:0px; padding-top:20px;  border:1px solid #dfe0e0; border-top:none;}
.Sitemap li ul li {width:90%;padding-left:10%;margin:0px; background:url('../img/contents/li_icon.gif') no-repeat 5% 10px;}
.Sitemap li ul li:first-child { width:90%; padding-left:10%;  margin:0px; background:url('../img/contents/li_icon.gif') no-repeat  5% 10px;}
.Sitemap li ul li a  {display:block; width:100%;}
.Sitemap li ul li ul { height:auto; border:0px; margin-top:-15px; padding-bottom:5px;} 
.Sitemap li ul li ul li a { font-size:12px; color:#7f7f7f; line-height:20px;}


/* 로그인 */
#mypage {margin:0 auto; border:1px solid #d4d4d4; width:90%; padding:30px 5%; max-width:300px;}
#mypage h2  {border-bottom:1px solid #edecec; padding-bottom:15px;}
#mypage input {width:70%; margin-top:30px; height:20px; padding:2px;}
#mypage button {width:25%; margin-top:28px; height:30px; padding:2px 0 6px 0; background-color:#3e3e3e; color:#ffffff; border:1px solid #d7d7d7; cursor:pointer;font-family:"Nanum-bold"; }


/* 피험자 이벤트  sub04_04_02 */
.guidelines {position:relative;  text-align:Center; background:url('../img/contents/guidelines_bg.jpg') no-repeat 0 40%; padding:100px 20px; 0 20px; min-height:140px;}

@media all and (max-width:1060px){
	#snb {max-width:1000px; width:95%; margin:0 auto 50px auto; height:52px; background:#fff; text-align:center; border:1px solid #dfe0e0; border-top:0px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
	.contentsWrap {max-width:1000px; width:95%; background-color:#fff;}
	.sub01_02 .cir_bg01 {background:url('../img/contents/circle_01.png') no-repeat 50% 0; margin-left:3%;}
}



@media all and (max-width:1023px){
	#snb {display:none;}
	.s-content {margin-top:20px;}
	.contentsWrap {padding-top:20px;}
	.top_area .title {color:#292727; font-size:28px; font-family:"Nanum-bold"; text-align:Center; line-height:40px;}
	.contentsWrap {position:relative; max-width:1050px; margin:0 auto; padding-top:30px; border-top:1px solid #dfe0e0; margin-top:20px;}

	/* 인사말 */
	.sub01_01 img {float:none; padding-bottom:30px; margin:0 auto; display:block; padding-right:0px;}

	/* 비전 */
	.sub01_02 {position:relative;  }
	.sub01_02 li {position:relative; width:90%; clear:both; float:none; margin:10px auto; min-height:20px; padding:20px 5%; height:auto; border-radius:20px 0px;}
	.sub01_02 .cir_bg01 {background-color:#8ebee1;  margin-left:auto;}
	.sub01_02 .cir_bg02 {background-color:#6c9bd0;}
	.sub01_02 .cir_bg03 {background-color:#527ec0;}
	.sub01_02 .cir_bg04 {background-color:#7f93c8;}
	.sub01_02 .cir_bg05 {background-color:#64c1d5;}
	.ssrc01, .ssrc02, .ssrc03, .ssrc04, .ssrc05 {position:relative; width:94%; left:0; top:0; margin: 0; clear:both;}
	.sub01_02 li h5 {margin-top:5px; text-align:center; }
	.sub01_02 li p {padding-top:10px; color:#f4f4f4; text-align:center; }

	.mobile {display:block;} 
	.web {display:none;}
}


@media all and (max-width:950px){
	.graybox img {width:90%}
	.sub-visual {display:none;}

	/* 사업영역 */
	.sub01_04 h3  {width:100%; height:auto; background:none; padding:0; text-align:Center}
	.sub01_04 ul li {float:none; width:100%; }
	.sub01_04 ul .vision01 {background:url('../img/contents/vision_01.png') no-repeat 50% 0; min-height:100px;}
	.sub01_04 ul .vision02 {background:url('../img/contents/vision_02.png') no-repeat 50% 0; min-height:100px;}
	.sub01_04 ul .vision03 {background:url('../img/contents/vision_03.png') no-repeat 50% 0; min-height:100px;}

	/* map */
	.map_info { min-height:90px; }
	.map_info dl { width:100%; float:none; margin-left:0%;}
	.map_info dl.first {width:100%;margin-left:0%;}
	.map_info dl dt {background:url('../img/contents/li_icon3.png') no-repeat 0 50%; font-weight:bold; border-bottom:2px solid #8ebee1; padding:8px 0 8px 20px;}
	.map_info dl dd { padding:8px 0 8px 20px; font-size:13px;}

	.contentsWrap .contents .sub03_list ul li {float:none; width:100%; display:block; background:url('../img/contents/li_bg.png') no-repeat 0 0; min-height:100px; margin:0px; padding-top:35px; }

	/* sub04_04_order*/
	.contentsWrap .contents .sub04_04_order li {position:relative; float:left; width:21%; margin:0 2%; padding:0px; background:url('../img/contents/arrow.gif') no-repeat 0 50%; text-align:Center; min-width:100px;}

	/* sitemap */
	.Sitemap li {float:left; width:48%; margin:0 1% 20px 1%;}
	.Sitemap li:first-child {float:left; width:48%; margin:0 1% 20px 1%;}

	/* 시설소개 */
	.contentsWrap .contents .sub01_05 ul li {float:left; display:inline-block; width:43%; background:none; text-align:Center; padding:10px 3% 15px 3%;}
	.contentsWrap .contents .sub01_05 ul li img {display:block; margin:0 auto; border:1px solid #ededed; margin-bottom:10px; }
	
	.contentsWrap .contents .sub03_list ul li.line03 {padding-top:20px; padding-bottom:15px; }
	.contentsWrap .contents .sub03_list ul li.line03 span {padding-top:30px; }

	/*partner_site*/
	.partner_site ul li {width:48%; margin:10px 0.7%;}
	/* 효능평가  sub02_01 */
	.sub02_list01 ul li {text-align:Center; display:inline-block;  width:49%;}
}


@media all and (max-width:720px){
	/*partner_site*/
	.partner_site ul li {width:98%;}

}


@media all and (max-width:520px){
	.txt28 {font-size:22px; line-height:1.6em; color:#0ebca1;}

	/* 인사말 */
	.sub01_01 img {float:none; padding-bottom:30px; margin:0 auto; display:block; padding-right:0px; width:100%;}
	h3 span {font-size:0.6em;  line-height:1.4em; clear:both;}

	/* 시설소개 */
	.contentsWrap .contents .sub01_05 ul li {float:left; display:inline-block; width:47%; background:none; text-align:Center; padding:10px 1% 15px 1%; font-size:12px; min-width:145px;}
	.contentsWrap .contents .sub01_05 ul li img {display:block; margin:0 auto; border:1px solid #ededed; margin-bottom:10px; width:90%;}

	/* 의약외품평가 sub02_04 */
	.sub02_04 ul li {width:100%; vertical-align:top;}
	.sub02_04 ul li.first {margin-right:0%;}

}


.w_box {background:url('../img/contents/w_box.jpg') no-repeat center top; width:90%; min-height:214px; padding:65px 5%;}
.w_box .wtt_box { width:50%; margin-left:45%;}
.w_box .w_tt1 {font-size:18px; color:#cd5c5c; margin-bottom:10px;}
.w_box .w_tt2 { font-size:35px; line-height:40px; font-family:'Nanum-bold'; margin-bottom:40px;}
.w_box .w_tt3 {font-size:20px; line-height:30px; margin-bottom:15px;}
.w_box .w_tt3 span { background:#cd5c5c; padding:5px 20px; border-radius:50px; color:#fff; margin-right:20px;}

@media all and (max-width:640px){
.w_box {background:url('../img/contents/w_box_b.jpg') no-repeat center top; min-height:150px; padding:45px 5%;}
.w_box .wtt_box { width:100%; margin-left:0; text-align:center;}
.w_box .w_tt1 { font-size:16px;}
.w_box .w_tt2 { font-size:25px; margin-bottom:20px;}
.w_box .w_tt3 {font-size:16px;}

}