@charset "utf-8";

/**************************************************************************************************
* main style
***************************************************************************************************/

/* basic layout */
div.container {min-height:800px; padding:20px 0 0 0;}
section.navi {top:20px;}
section.mainContArea {width:1025px; min-width:270px; margin:0 20px 0 215px; padding-left:20px; position:relative;}
section.mainContArea:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}


/******************************** main contents **********************************/
section.mainContArea article {float:left; width:238px; height:238px; margin:0 25px 25px 0; overflow:hidden;}
section.mainContArea article.visualArea {width:495px; height:240px;}
section.mainContArea article.introArea {width:493px;}
section.mainContArea article.fbArea {width:493px;}

/* basic box */
article.boxCont {border:1px solid #adadad;background:#fff}


article.boxCont div.cont {height:238px; padding:10px 0 0 0; overflow:hidden; position:relative;}
section.mainContArea article.visualArea div.cont {height:500px;}
section.mainContArea article.quickNavi div.cont ul li span{font-family:'NanumBarunGothicBold';display:inline-block;padding-top:5px;}
section.mainContArea article.quickNavi div.cont,
section.mainContArea article.info div.cont {height:280px;}
section.mainContArea article.info dl {background-image:url('../images/layout/bg_info_img02.gif')}
section.mainContArea article.info dl dt {font-family:'NanumBarunGothicBold';padding-top:2px; padding-bottom:1px;}
section.mainContArea article.info dl dd.phone {margin-top:41px;}
section.mainContArea article.info dl dd.cmt {margin-top:63px;}
section.mainContArea article.info dl dd.cmt .pcmt{padding-top:9px;}


/* title */
section.mainContArea h3 {font-family:'NanumBarunGothicBold';font-size:12px; font-weight:normal; color:#008b98; margin-left:20px; height:23px; position:relative;}
section.mainContArea .more {position:absolute; top:10px; right:14px; z-index:10; background:url('../images/button/btn_more.png') center no-repeat; width:40px; height:10px; 
                            padding:3px; font-size:0; line-height:0; text-indent:-99999px;}
section.mainContArea .more02 {position:absolute; top:10px; right:14px; z-index:10; background:url('../images/button/btn_more02.png') center no-repeat; width:9px; height:9px; padding:3px; font-size:0; line-height:0; text-indent:-99999px;}
section.mainContArea article.introArea .more {left:30px; top:190px;}


/* image */
section.mainContArea p.img img {width:240px;}
section.mainContArea article.noticeArea p.img img {height:100px;}
section.mainContArea article.sskArea p.img img {height:100px;}
section.mainContArea article.newsArea p.img img {height:100px;}
section.mainContArea article.bizArea p.img img {height:130px;}
section.mainContArea article.peopleArea p.img img {width:220px; height:188px;margin-left:10px;}
section.mainContArea article.fbArea p.face {width:475px; height:207px;margin-top:-10px;}
section.mainContArea article.newsletterArea p.img img {height:130px;}
section.mainContArea article.photoArea p.img img,
section.mainContArea article.pressArea p.img img {height:130px;}
section.mainContArea article.newsArea p.img img,
section.mainContArea article.interviewArea p.img img,
section.mainContArea article.postArea p.img img {height:100px;}
/* section.mainContArea article.reportArea p.img {margin-top:-13px;}*/
section.mainContArea article.reportArea p.img img {height:100px;}


/* list */
section.mainContArea ul.list {margin:17px 10px 0 10px;}
section.mainContArea ul.list li {background:url('../images/bullet/bullet09.gif') left 5px no-repeat; padding-left:9px; height:20px; font-size:12px; color:#999;}
section.mainContArea ul.list li:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
section.mainContArea ul.list li p {float:left; width:150px;}
section.mainContArea ul.list li span {float:right; letter-spacing:-0.03em; color:#bababa;}
section.mainContArea ul.list li a {display:inline-block; color:#999; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
section.mainContArea ul.list li a:hover {color:#008c99;}

section.mainContArea dl.list {margin:19px 20px 0 20px;}
section.mainContArea dl.list dt {font-size:14px; color:#666666; font-weight:bold; padding:0 40px 2px 0;}
section.mainContArea dl.list dd {font-size:12px; color:#999; line-height:18px; height:4.5em; overflow:hidden;}
section.mainContArea dl.list dt a {display:inline-block; color:#666; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
section.mainContArea dl.list dd a {color:#999;}
section.mainContArea dl.list a:hover {color:#008c99;}

section.mainContArea p.txt {margin:15px 20px 5px 20px; font-size:12px; color:#999; line-height:18px; max-height:3em; overflow:hidden;}
section.mainContArea p.txt a {color:#999;}
section.mainContArea p.txt a:hover {color:#008c99;}
section.mainContArea dl.num {margin:0 10px 0 20px; color:#bababa;}
section.mainContArea dl.num dt {display:inline; font-weight:bold;}
section.mainContArea dl.num dd {display:inline; margin:0 10px 0 5px;}
section.mainContArea span.read,
section.mainContArea span.date {margin:0 20px; color:#bababa;}


/* slide */
div.roll_btn {position:absolute; right:20px; top:10px; float:right;}
div.roll_btn .btn_page {background:url('../images/button/btn_slide_off.png') center no-repeat; border:none; width:11px; height:11px; padding:2px; margin:0 0 0 7px; font-size:0; line-height:0; text-indent:-99999px; cursor:pointer;}
div.roll_btn .btn_page.on {background-image:url('../images/button/btn_slide_on.png');}
div.roll_btn .btn_prev,
div.roll_btn .btn_next {display:none;}

div.visualSlide {width:100%;}
div.visualSlide div.roll_area {width:100%; height:475px; overflow:hidden; position:relative;}
div.visualSlide div.roll_area ul {height:475px; position:absolute; left:0; top:0;}
div.visualSlide div.roll_area li {float:left; width:520px; height:475px;}
div.visualSlide div.roll_area li a {display:block; background-position:left top; background-repeat:no-repeat; width:520px; height:475px; font-size:0; line-height:0; text-indent:-99999px;}
div.visualSlide div.roll_area li.visual00 a {background-image:url('../images/img/main_visual_img07.jpg');}
div.visualSlide div.roll_area li.visual01 a {background-image:url('../images/img/main_visual_img06.jpg');}
div.visualSlide div.roll_area li.visual02 a {background-image:url('../images/img/main_visual_img00.jpg');}
div.visualSlide div.roll_area li.visual03 a {background-image:url('../images/img/main_visual_img01.jpg');}
div.visualSlide div.roll_area li.visual04 a {background-image:url('../images/img/main_visual_img02.jpg');}
div.visualSlide div.roll_area li.visual05 a {background-image:url('../images/img/main_visual_img1001.jpg');}
div.visualSlide div.roll_area li.visual06 a {background-image:url('../images/img/main_visual_img03.jpg');}
div.visualSlide div.roll_area li.visual07 a {background-image:url('../images/img/main_visual_img08.jpg');}
div.visualSlide div.roll_area li.visual08 a {background-image:url('../images/img/main_visual_img09.jpg');}
div.visualSlide div.roll_area li.visual09 a {background-image:url('../images/img/main_visual_img10.jpg');}
div.visualSlide div.roll_area li.visual10 a {background-image:url('../images/img/main_visual_img11.jpg');}
div.visualSlide div.roll_area li.visual11 a {background-image:url('../images/img/main_visual_img12.jpg');}
div.visualSlide div.roll_area li.visual12 a {background-image:url('../images/img/main_visual_img13.jpg');}
div.visualSlide div.roll_area li.visual13 a {background-image:url('../images/img/main_visual_img14.jpg');}
div.visualSlide div.roll_area li.visual14 a {background-image:url('../images/img/main_visual_img15.jpg');}
div.visualSlide div.roll_area li.visual15 a {background-image:url('../images/img/main_visual_img16.jpg');}
div.visualSlide div.roll_area li.visual16 a {background-image:url('../images/img/main_visual_img17.jpg');}
div.visualSlide div.roll_area li.visual17 a {background-image:url('../images/img/main_visual_img18.jpg');}


div.eventSlide {width:240px; overflow:hidden;padding-left:10px;}
div.eventSlide div.roll_area ul {width:100%; height:205px; overflow:hidden; position:relative;}
div.eventSlide div.roll_area ul li {float:left; width:240px; height:205px; overflow:hidden;}

div.introSlide {width:100%;}
div.introSlide div.roll_area {width:100%; height:206px; overflow:hidden; position:relative;}
div.introSlide div.roll_area ul {height:206px; position:absolute; left:0; top:0;}
div.introSlide div.roll_area li {float:left; width:493px; height:206px;}
div.introSlide div.roll_area li a {display:block; background-position:left top; background-repeat:no-repeat; width:493px; height:206px; font-size:0; line-height:0; text-indent:-99999px;}
div.introSlide div.roll_area li.intro01 a {background-image:url('../images/img/reserch01.jpg');}
div.introSlide div.roll_area li.intro02 a {background-image:url('../images/img/reserch02.jpg');}
div.introSlide div.roll_area li.intro03 a {background-image:url('../images/img/reserch03.jpg');}

/* icon */
article.boxCont div.cont span.ntice_new2{background:url('../images/img/ic_new2.gif')no-repeat;}
article.boxCont div.cont p.txt span.ic_new{display:inline-block;width:15px;height:9px;margin:1px 0 0 2px;}
article.boxCont ul.list li span.ic_new{float:left;width:15px;height:11px;margin:1px 0 0 2px;}




/************************** tablets default (768px) ******************************/
@media screen and (min-width:768px) and (max-width:1280px) {
div.container {padding-top:71px;}
section.navi {top:0;}
nav.menu > ul {height:50px;}
}


/************************** mobile default (320px) ******************************/
@media screen and (max-width:767px) {
div.container {padding-top:173px;}
section.navi {top:0;}
nav.menu > ul {height:153px;}
}


/************************** size etc ******************************/
@media screen and (max-width:1280px) {
section.mainContArea {margin:0 auto;}
}
@media screen and (min-width:1100px) and (max-width:1280px) {
section.mainContArea {width:1080px; height:1080px;}
}
@media screen and (min-width:830px) and (max-width:1099px) {
section.mainContArea {width:810px; height:1350px;}
section.mainContArea article.introArea {width:240px;}
section.mainContArea article.introArea .more {display:none;}

div.introSlide div.roll_area li,
div.introSlide div.roll_area li a {width:240px;}
div.introSlide div.roll_area li.intro01 a {background-image:url('../images/img/main_intro_img01_m.jpg');}
div.introSlide div.roll_area li.intro02 a {background-image:url('../images/img/main_intro_img02_m.jpg');}
div.introSlide div.roll_area li.intro03 a {background-image:url('../images/img/main_intro_img03_m.jpg');}
}
@media screen and (min-width:560px) and (max-width:829px) {
section.mainContArea {width:540px; height:2160px;}

div.introSlide div.roll_area li,
div.introSlide div.roll_area li a {width:493px;}
div.introSlide div.roll_area li.intro01 a {background-image:url('../images/img/reserch01.jpg');}
div.introSlide div.roll_area li.intro02 a {background-image:url('../images/img/reserch02.jpg');}
div.introSlide div.roll_area li.intro03 a {background-image:url('../images/img/reserch03.jpg');}
}
@media screen and (max-width:559px) {
section.mainContArea {width:270px; height:3240px;}
section.mainContArea article.visualArea {width:252px; height:252px;}
section.mainContArea article.visualArea div.cont {height:230px;}
section.mainContArea article.introArea {width:238px;}
section.mainContArea article.introArea .more {display:none;}

div.visualSlide div.roll_are,
div.visualSlide div.roll_area ul {height:205px;}
div.visualSlide div.roll_area li,
div.visualSlide div.roll_area li a {width:250px; height:205px;}

div.visualSlide div.roll_area li.visual00 a {background-image:url('../images/img/main_visual_img07_m.jpg');}
div.visualSlide div.roll_area li.visual01 a {background-image:url('../images/img/main_visual_img06_m.jpg');}
div.visualSlide div.roll_area li.visual02 a {background-image:url('../images/img/main_visual_img00_m.jpg');}
div.visualSlide div.roll_area li.visual03 a {background-image:url('../images/img/main_visual_img01_m.jpg');}
div.visualSlide div.roll_area li.visual04 a {background-image:url('../images/img/main_visual_img02_m.jpg');}
div.visualSlide div.roll_area li.visual05 a {background-image:url('../images/img/main_visual_img1001_m.jpg');}
div.visualSlide div.roll_area li.visual06 a {background-image:url('../images/img/main_visual_img03_m.jpg');}
div.visualSlide div.roll_area li.visual07 a {background-image:url('../images/img/main_visual_img08_m.jpg');}
div.visualSlide div.roll_area li.visual08 a {background-image:url('../images/img/main_visual_img09_m.jpg');}
div.visualSlide div.roll_area li.visual09 a {background-image:url('../images/img/main_visual_img10_m.jpg');}
div.visualSlide div.roll_area li.visual10 a {background-image:url('../images/img/main_visual_img11_m.jpg');}
div.visualSlide div.roll_area li.visual11 a {background-image:url('../images/img/main_visual_img12_m.jpg');}
div.visualSlide div.roll_area li.visual12 a {background-image:url('../images/img/main_visual_img13_m.jpg');}
div.visualSlide div.roll_area li.visual13 a {background-image:url('../images/img/main_visual_img14_m.jpg');}
div.visualSlide div.roll_area li.visual14 a {background-image:url('../images/img/main_visual_img15_m.jpg');}
div.visualSlide div.roll_area li.visual15 a {background-image:url('../images/img/main_visual_img16_m.jpg');}
div.visualSlide div.roll_area li.visual16 a {background-image:url('../images/img/main_visual_img17_m.jpg');}
div.visualSlide div.roll_area li.visual17 a {background-image:url('../images/img/main_visual_img18_m.jpg');}


div.introSlide div.roll_area li,
div.introSlide div.roll_area li a {width:240px;}
div.introSlide div.roll_area li.intro01 a {background-image:url('../images/img/main_intro_img01_m.jpg');}
div.introSlide div.roll_area li.intro02 a {background-image:url('../images/img/main_intro_img02_m.jpg');}
div.introSlide div.roll_area li.intro03 a {background-image:url('../images/img/main_intro_img03_m.jpg');}
}