@charset "euc-kr";

/* °øÅë  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ºñÁÖ¾ó ¿µ¿ª */
.visualSub {width:100%; height:400px;}
.visualSub.vs01 {background:url('../../img/images/content/visualSub01.jpg') center -350px no-repeat; background-attachment:fixed; background-size:100%;}
.visualSub.vs02 {background:url('../../img/images/content/visualSub02.jpg') center -350px no-repeat; background-attachment:fixed; background-size:100%;}
.visualSub.vs03 {background:url('../../img/images/content/visualSub03.jpg') center -350px no-repeat; background-attachment:fixed; background-size:100%;}
.visualSub.vs04 {background:url('../../img/images/content/visualSub04.jpg') center -350px no-repeat; background-attachment:fixed; background-size:100%;}
.visualSub.vs05 {background:url('../../img/images/content/visualSub05.jpg') center -350px no-repeat; background-attachment:fixed; background-size:100%;}
.visualSub > div {width:1140px; margin:0 auto; padding-top:250px;}
.visualSub > div dl {width:100%; overflow:hidden;}
.visualSub > div dl dt {float:left;}
.visualSub > div dl dt h1 {font-family:'Jaldi'; font-size:50px; line-height:55px; color:#fff; font-weight:600; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.visualSub > div dl dt h2 {margin-top:5px; font-size:16px; color:#fff; letter-spacing:-1px; text-shadow:0 2px 2px rgba(0,0,0,0.3); opacity:0.7;}
.visualSub > div dl dd {float:right; padding-top:20px; color:#fff; text-shadow:0 2px 2px rgba(0,0,0,0.3); opacity:0.7;}

@media all and (max-width:479px) {
.visualSub {height:300px;}
.visualSub.vs01 {background:url('../../img/images/content/visualSub01.jpg') center 0 no-repeat; background-attachment:fixed; background-size:cover;}
.visualSub.vs02 {background:url('../../img/images/content/visualSub02.jpg') center 0 no-repeat; background-attachment:fixed; background-size:cover;}
.visualSub.vs03 {background:url('../../img/images/content/visualSub03.jpg') center 0 no-repeat; background-attachment:fixed; background-size:cover;}
.visualSub.vs04 {background:url('../../img/images/content/visualSub04.jpg') center 0 no-repeat; background-attachment:fixed; background-size:cover;}
.visualSub.vs05 {background:url('../../img/images/content/visualSub05.jpg') center 0 no-repeat; background-attachment:fixed; background-size:cover;}
.visualSub > div {width:300px; padding-top:170px;}
.visualSub > div dl dt {width:100%;}
.visualSub > div dl dt h1 {font-size:40px; line-height:45px; text-align:center;}
.visualSub > div dl dt h2 {display:none;}
.visualSub > div dl dd {width:100%; padding-top:30px; text-align:center;}
}
@media all and (min-width:480px) and (max-width:767px) {
.visualSub {height:330px;}
.visualSub.vs01 {background:url('../../img/images/content/visualSub01.jpg') center -50px no-repeat; background-attachment:fixed; background-size:cover;}
.visualSub.vs02 {background:url('../../img/images/content/visualSub02.jpg') center 0 no-repeat; background-attachment:fixed; background-size:cover;}
.visualSub.vs03 {background:url('../../img/images/content/visualSub03.jpg') center -50px no-repeat; background-attachment:fixed; background-size:cover;}
.visualSub.vs04 {background:url('../../img/images/content/visualSub04.jpg') center -100px no-repeat; background-attachment:fixed; background-size:cover;}
.visualSub.vs05 {background:url('../../img/images/content/visualSub05.jpg') center -50px no-repeat; background-attachment:fixed; background-size:cover;}
.visualSub > div {width:450px; padding-top:170px;}
.visualSub > div dl dt {width:100%;}
.visualSub > div dl dt h1 {font-size:40px; line-height:45px; text-align:center;}
.visualSub > div dl dt h2 {margin-top:0px; font-size:14px; text-align:center;}
.visualSub > div dl dd {width:100%; padding-top:30px; text-align:center;}
}
@media all and (min-width:768px) and (max-width:989px) {
.visualSub {height:350px;}
.visualSub.vs01 {background:url('../../img/images/content/visualSub01.jpg') center -200px no-repeat; background-attachment:fixed; background-size:100%;}
.visualSub.vs02 {background:url('../../img/images/content/visualSub02.jpg') center -200px no-repeat; background-attachment:fixed; background-size:100%;}
.visualSub.vs03 {background:url('../../img/images/content/visualSub03.jpg') center -200px no-repeat; background-attachment:fixed; background-size:100%;}
.visualSub.vs04 {background:url('../../img/images/content/visualSub04.jpg') center -200px no-repeat; background-attachment:fixed; background-size:100%;}
.visualSub.vs05 {background:url('../../img/images/content/visualSub05.jpg') center -200px no-repeat; background-attachment:fixed; background-size:100%;}
.visualSub > div {width:720px; padding-top:190px;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.visualSub.vs01 {background:url('../../img/images/content/visualSub01.jpg') center -250px no-repeat; background-attachment:fixed; background-size:100%;}
.visualSub.vs02 {background:url('../../img/images/content/visualSub02.jpg') center -250px no-repeat; background-attachment:fixed; background-size:100%;}
.visualSub.vs03 {background:url('../../img/images/content/visualSub03.jpg') center -250px no-repeat; background-attachment:fixed; background-size:100%;}
.visualSub.vs04 {background:url('../../img/images/content/visualSub04.jpg') center -250px no-repeat; background-attachment:fixed; background-size:100%;}
.visualSub.vs05 {background:url('../../img/images/content/visualSub05.jpg') center -250px no-repeat; background-attachment:fixed; background-size:100%;}
.visualSub > div {width:940px; padding-top:220px;}
}
@media all and (min-width:1200px) {

}


/* ŸÀÌƲ */
.title {width:1140px; margin:0 auto; padding-top:70px;}
.title > h1 {text-align:center; font:14px 'Droid Serif'; color:#f62459; letter-spacing:1px;}
.title > h2 {margin-top:10px; text-align:center; font:50px/60px 'Dosis'; color:#333;}
.title > h3 {margin-top:10px; text-align:center; font-size:16px; color:#6d6d6d; letter-spacing:-1px;}

@media all and (max-width:479px) {
.title {width:300px; padding-top:40px;}
.title > h2 {font-size:40px; line-height:42px;}
.title > h3 {margin-top:5px; font-size:14px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.title {width:450px; padding-top:50px;}
.title > h2 {font-size:40px; line-height:50px;}
.title > h3 {margin-top:5px; font-size:16px;}
}
@media all and (min-width:768px) and (max-width:989px) {
.title {width:720px; padding-top:60px;}
.title > h2 {font-size:45px; line-height:55px;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.title {width:940px;}
}
@media all and (min-width:1200px) {

}


/* »ó´ã¹®ÀÇ */
.inquiry {width:1140px; margin:0 auto; padding:70px 0 80px 0;}
.inquiry > ol {width:100%; overflow:hidden;}
.inquiry > ol > li {float:left; width:23%; margin:0 1%;}
.inquiry > ol > li div {padding:20px; text-align:center; border:#e5e5e5 1px solid; border-radius:5px;}
.inquiry > ol > li div:hover {border:#e74c3c 1px solid;}
.inquiry > ol > li div p {color:#e74c3c;}
.inquiry > ol > li div h1 {margin-top:20px;  font-size:20px; color:#333; font-weight:bold;}
.inquiry > ol > li div h2 {margin-top:5px;}
.inquiry > dl {width:100%; margin-top:50px; overflow:hidden;}
.inquiry > dl dt {float:left; width:48%;}
.inquiry > dl dt h1 {margin-bottom:15px;  font-size:20px; color:#333; font-weight:bold; background:url('../../img/images/content/inquiry_titleBg.gif') 100px 5px no-repeat;}
.inquiry > dl dd {float:right; width:48%;}

@media all and (max-width:479px) {
.inquiry {width:300px; padding:40px 0 50px 0;}
.inquiry > ol > li {width:100%; margin:1% 0;}
.inquiry > dl dt {width:100%;}
.inquiry > dl dd {width:100%; margin-top:30px;}

.formmail_title_bgcolor {width:25%;}
.formmail_cell_bgcolor {width:75%;}
}
@media all and (min-width:480px) and (max-width:767px) {
.inquiry {width:450px; padding:50px 0 60px 0;}
.inquiry > ol > li {width:48%; margin:1% 1%;}
.inquiry > dl dt {width:100%;}
.inquiry > dl dd {width:100%; margin-top:30px;}
}
@media all and (min-width:768px) and (max-width:989px) {
.inquiry {width:720px; padding:60px 0 70px 0;}
.inquiry > ol > li {width:48%; margin:1% 1%;}
.inquiry > dl dt {width:100%;}
.inquiry > dl dd {width:100%; margin-top:30px;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.inquiry {width:940px;}
}
@media all and (min-width:1200px) {

}


/* °Ô½ÃÆÇ - °Ô½Ã¹°/º£³Ê */
.bbsBanner {width:1140px; margin:0 auto; padding:70px 0 80px 0; overflow:hidden;}
.bbsBanner > dt {float:left; width:70%;}
.bbsBanner > dd {float:right; width:25%;}
.bbsBanner > dd div {padding:20px; border:#e5e5e5 2px solid; background:#f8f8f8;}
.bbsBanner > dd div h1 {margin-bottom:10px; padding-bottom:10px; text-align:center;  font-size:22px; letter-spacing:-1px; color:#333; border-bottom:#e5e5e5 1px solid;}
.bbsBanner > dd div p {text-align:center;}
.bbsBanner > dd div ul {width:100%; margin-top:10px; overflow:hidden;}
.bbsBanner > dd div ul li {padding:3px 0; text-align:center; font-size:14px; color:#555;}

.bbsBanner > dd > ol{margin-top:15px;}
.bbsBanner > dd > ol div {padding:20px; text-align:center; border:#e5e5e5 1px solid;}
.bbsBanner > dd > ol div p {color:#567fe5;}
.bbsBanner > dd > ol div h1 {margin-top:10px;  font-size:20px; color:#333; font-weight:bold;border: #e5e5e5 1px solid;border-radius:5px;padding:10px 0 10px 0 ;}
.bbsBanner > dd > ol div h1:hover {border:#0094ff 1px solid;background:#0094ff;color:#fff;cursor:pointer;}
.bbsBanner > dd > ol div h2 {margin-top:5px;}


@media all and (max-width:479px) {
.bbsBanner {width:320px; }
.bbsBanner > dt {width:100%;}
.bbsBanner > dd {width:100%; margin-top:30px;}
#container_list #cafe_blt_titleWrap td{padding:15px 0; text-align:center;  font-size:10px; color:#333;}
#container_list #cafe_blt_titleWrap .titleWrap_group1{border-left:#ddd 1px solid;width:1500px;}
#container_list #cafe_blt_titleWrap .titleWrap_group2{display:none;}
#container_list #cafe_blt_titleWrap .titleWrap_group3{border-left:#ddd 1px solid;}
#container_list #cafe_blt_titleWrap .titleWrap_group4{display:none;}
#container_list #cafe_blt_titleWrap .titleWrap_group5{display:none;}
#container_list .general_item_table .item_group1{border-left:#ddd 1px solid;}
#container_list .general_item_table .item_group2{display:none;}
#container_list .general_item_table .item_group3{border-left:#ddd 1px solid;}
#container_list .general_item_table .item_group4{display:none;}
#container_list .general_item_table .item_group5{display:none;}
}
@media all and (min-width:480px) and (max-width:767px) {
.bbsBanner {width:450px; padding:50px 0 60px 0;}
.bbsBanner > dt {width:100%;}
.bbsBanner > dd {width:100%; margin-top:30px;}
#container_list #cafe_blt_titleWrap .titleWrap_group1{border-left:#ddd 1px solid;}
#container_list #cafe_blt_titleWrap .titleWrap_group2{display:none;}
#container_list #cafe_blt_titleWrap .titleWrap_group3{border-left:#ddd 1px solid;}
#container_list #cafe_blt_titleWrap .titleWrap_group4{display:none;}
#container_list #cafe_blt_titleWrap .titleWrap_group5{display:none;}
#container_list .general_item_table .item_group1{border-left:#ddd 1px solid;}
#container_list .general_item_table .item_group2{display:none;}
#container_list .general_item_table .item_group3{border-left:#ddd 1px solid;}
#container_list .general_item_table .item_group4{display:none;}
#container_list .general_item_table .item_group5{display:none;}
}
@media all and (min-width:768px) and (max-width:989px) {
.bbsBanner {width:720px; padding:60px 0 70px 0;}
.bbsBanner > dt {width:100%;}
.bbsBanner > dd {width:100%; margin-top:30px;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.bbsBanner {width:940px;}
#container_list #cafe_blt_titleWrap .titleWrap_group1{display:none;}
#container_list #cafe_blt_titleWrap .titleWrap_group2{border-left:#ddd 1px solid;}
#container_list #cafe_blt_titleWrap .titleWrap_group3{border-left:#ddd 1px solid;}
#container_list #cafe_blt_titleWrap .titleWrap_group4{border-left:#ddd 1px solid;}
#container_list #cafe_blt_titleWrap .titleWrap_group5{display:none;}
#container_list .general_item_table .item_group1{display:none;}
#container_list .general_item_table .item_group2{border-left:#ddd 1px solid;}
#container_list .general_item_table .item_group3{border-left:#ddd 1px solid;}
#container_list .general_item_table .item_group4{border-left:#ddd 1px solid;}
#container_list .general_item_table .item_group5{display:none;}
}
@media all and (min-width:1200px) {

}


/* °Ô½ÃÆÇ - °¶·¯¸® */
.gallery {width:1140px; margin:0 auto; padding:70px 0 80px 0;}
#container_list .gallery_item_table .item_cell_media img {height:175px !important;}

@media all and (max-width:479px) {
.gallery {width:300px; padding:40px 0 50px 0;}
#container_list .gallery_item_table{width:100% !important; margin:1% 0% !important;}
#container_list .gallery_item_table .item_cell_media img {height:175px !important;}
#container_view #cafe_bbs_view_table #view_main_table .item_cell_content img {width:100% !important; height:250px !important;}
}
@media all and (min-width:480px) and (max-width:767px) {
.gallery {width:450px; padding:50px 0 60px 0;}
#container_list .gallery_item_table{width:48% !important; margin:1% 1% !important;}
#container_list .gallery_item_table .item_cell_media img {height:175px !important;}
#container_view #cafe_bbs_view_table #view_main_table .item_cell_content img {width:100% !important; height:400px !important;}
}
@media all and (min-width:768px) and (max-width:989px) {
.gallery {width:720px; padding:60px 0 70px 0;}
#container_list .gallery_item_table{width:48% !important; margin:1% 1% !important;}
#container_list .gallery_item_table .item_cell_media img {height:175px !important;}
#container_view #cafe_bbs_view_table #view_main_table .item_cell_content img {width:100% !important; height:550px !important;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.gallery {width:940px;}
#container_view #cafe_bbs_view_table #view_main_table .item_cell_content img {width:100% !important; height:700px !important;}
}
@media all and (min-width:1200px) {

}


/* servic °Ç¼³ IT ¼Ö·ç¼Ç  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* servic °Ç¼³ IT ¼Ö·ç¼ÇºñÁÖ¾ó ¿µ¿ª */
.service01Visual {width:100%; height:350px; background:url('../../img/images/content/japan-1414755_1920.jpg') center center no-repeat; background-size:cover;}
.service01Visual > div {width:1140px; margin:0 auto; padding-top:200px;}
.service01Visual > div h1 {text-align:center; font-size:55px; line-height:60px; color:#fff; font-weight:600; letter-spacing:3px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.service01Visual > div h2 {margin-top:40px; text-align:center; font-size:14px; color:#fff; text-shadow:0 2px 2px rgba(0,0,0,0.3); opacity:0.9;}
@media all and (max-width:479px) {
.service01Visual {height:250px; background:url('../../img/images/content/japan-1414755_1920.jpg') center 0px no-repeat; background-size:cover;}
.service01Visual > div {width:300px; padding-top:120px;}
.service01Visual > div h1 {text-align:center; font-size:25px; line-height:60px; color:#fff; font-weight:600; letter-spacing:3px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.service01Visual > div h2 {margin-top:30px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.service01Visual {height:250px; background:url('../../img/images/content/japan-1414755_1920.jpg') center 0px no-repeat; background-size:cover;}
.service01Visual > div {width:450px; padding-top:120px;}
.service01Visual > div h1 {text-align:center; font-size:35px; line-height:60px; color:#fff; font-weight:600; letter-spacing:3px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.service01Visual > div h2 {margin-top:30px;}
}
@media all and (min-width:768px) and (max-width:989px) {
.service01Visual {height:300px; background:url('../../img/images/content/japan-1414755_1920.jpg') center -150px no-repeat; background-size:cover;}
.service01Visual > div {width:720px; padding-top:140px}
.service01Visual > div h1 {text-align:center; font-size:35px; line-height:60px; color:#fff; font-weight:600; letter-spacing:3px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.service01Visual > div h2 {margin-top:50px;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.service01Visual {background:url('../../img/images/content/japan-1414755_1920.jpg') center -150px no-repeat; background-size:cover;}
.service01Visual > div {width:940px;}
}
@media all and (min-width:1200px) {
}


/* service ÀÏ¹Ý WEB ¼Ö·ç¼ÇºñÁÖ¾ó ¿µ¿ª */
.service02Visual {width:100%; height:350px; background:url('../../img/images/content/server-1235959_1920.jpg') center center no-repeat; background-size:cover;}
.service02Visual > div {width:1140px; margin:0 auto; padding-top:200px;}
.service02Visual > div h1 {text-align:center; font-size:55px; line-height:60px; color:#fff; font-weight:600; letter-spacing:3px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.service02Visual > div h2 {margin-top:40px; text-align:center; font-size:14px; color:#fff; text-shadow:0 2px 2px rgba(0,0,0,0.3); opacity:0.9;}
@media all and (max-width:479px) {
.service02Visual {height:250px; background:url('../../img/images/content/server-1235959_1920.jpg') center 0px no-repeat; background-size:cover;}
.service02Visual > div {width:300px; padding-top:120px;}
.service02Visual > div h1 {text-align:center; font-size:25px; line-height:60px; color:#fff; font-weight:600; letter-spacing:3px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.service02Visual > div h2 {margin-top:30px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.service02Visual {height:250px; background:url('../../img/images/content/server-1235959_1920.jpg') center 0px no-repeat; background-size:cover;}
.service02Visual > div {width:450px; padding-top:120px;}
.service02Visual > div h1 {text-align:center; font-size:35px; line-height:60px; color:#fff; font-weight:600; letter-spacing:3px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.service02Visual > div h2 {margin-top:30px;}
}
@media all and (min-width:768px) and (max-width:989px) {
.service02Visual {height:300px; background:url('../../img/images/content/server-1235959_1920.jpg') center -150px no-repeat; background-size:cover;}
.service02Visual > div {width:720px; padding-top:140px}
.service02Visual > div h1 {text-align:center; font-size:35px; line-height:60px; color:#fff; font-weight:600; letter-spacing:3px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.service02Visual > div h2 {margin-top:50px;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.service02Visual {background:url('../../img/images/content/server-1235959_1920.jpg') center -150px no-repeat; background-size:cover;}
.service02Visual > div {width:940px;}
}
@media all and (min-width:1200px) {
}

/* service ÀÏ¹Ý bimcg ºñÁÖ¾ó ¿µ¿ª */
.service03Visual {width:100%; height:350px; background:url('../../img/images/content/cityscape-871743_1920.jpg') center center no-repeat; background-size:cover;}
.service03Visual > div {width:1140px; margin:0 auto; padding-top:200px;}
.service03Visual > div h1 {text-align:center; font-size:55px; line-height:60px; color:#fff; font-weight:600; letter-spacing:3px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.service03Visual > div h2 {margin-top:40px; text-align:center; font-size:14px; color:#fff; text-shadow:0 2px 2px rgba(0,0,0,0.3); opacity:0.9;}
@media all and (max-width:479px) {
.service03Visual {height:250px; background:url('../../img/images/content/cityscape-871743_1920.jpg') center 0px no-repeat; background-size:cover;}
.service03Visual > div {width:300px; padding-top:120px;}
.service03Visual > div h1 {text-align:center; font-size:25px; line-height:60px; color:#fff; font-weight:600; letter-spacing:3px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.service03Visual > div h2 {margin-top:30px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.service03Visual {height:250px; background:url('../../img/images/content/cityscape-871743_1920.jpg') center 0px no-repeat; background-size:cover;}
.service03Visual > div {width:450px; padding-top:120px;}
.service03Visual > div h1 {text-align:center; font-size:35px; line-height:60px; color:#fff; font-weight:600; letter-spacing:3px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.service03Visual > div h2 {margin-top:30px;}
}
@media all and (min-width:768px) and (max-width:989px) {
.service03Visual {height:300px; background:url('../../img/images/content/cityscape-871743_1920.jpg') center -150px no-repeat; background-size:cover;}
.service03Visual > div {width:720px; padding-top:140px}
.service03Visual > div h1 {text-align:center; font-size:35px; line-height:60px; color:#fff; font-weight:600; letter-spacing:3px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.service03Visual > div h2 {margin-top:50px;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.service03Visual {background:url('../../img/images/content/cityscape-871743_1920.jpg') center -150px no-repeat; background-size:cover;}
.service03Visual > div {width:940px;}
}
@media all and (min-width:1200px) {
}


/* service ÀÏ¹Ý design ºñÁÖ¾ó ¿µ¿ª */
.service04Visual {width:100%; height:350px; background:url('../../img/images/content/pencils-452238_1920.jpg') center center no-repeat; background-size:cover;}
.service04Visual > div {width:1140px; margin:0 auto; padding-top:200px;}
.service04Visual > div h1 {text-align:center; font-size:55px; line-height:60px; color:#fff; font-weight:600; letter-spacing:3px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.service04Visual > div h2 {margin-top:40px; text-align:center; font-size:14px; color:#fff; text-shadow:0 2px 2px rgba(0,0,0,0.3); opacity:0.9;}
@media all and (max-width:479px) {
.service04Visual {height:250px; background:url('../../img/images/content/pencils-452238_1920.jpg') center 0px no-repeat; background-size:cover;}
.service04Visual > div {width:300px; padding-top:120px;}
.service04Visual > div h1 {text-align:center; font-size:25px; line-height:60px; color:#fff; font-weight:600; letter-spacing:3px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.service04Visual > div h2 {margin-top:30px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.service04Visual {height:250px; background:url('../../img/images/content/pencils-452238_1920.jpg') center 0px no-repeat; background-size:cover;}
.service04Visual > div {width:450px; padding-top:120px;}
.service04Visual > div h1 {text-align:center; font-size:35px; line-height:60px; color:#fff; font-weight:600; letter-spacing:3px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.service04Visual > div h2 {margin-top:30px;}
}
@media all and (min-width:768px) and (max-width:989px) {
.service04Visual {height:300px; background:url('../../img/images/content/pencils-452238_1920.jpg') center -150px no-repeat; background-size:cover;}
.service04Visual > div {width:720px; padding-top:140px}
.service04Visual > div h1 {text-align:center; font-size:35px; line-height:60px; color:#fff; font-weight:600; letter-spacing:3px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.service04Visual > div h2 {margin-top:50px;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.service04Visual {background:url('../../img/images/content/pencils-452238_1920.jpg') center -150px no-repeat; background-size:cover;}
.service04Visual > div {width:940px;}
}
@media all and (min-width:1200px) {
}


/* VR Æijë¶ó¸¶ ºñÁÖ¾ó ¿µ¿ª */
.service05Visual {width:100%; height:350px; background:url('../../img/images/content/panorama-2117310_1920.jpg') center center no-repeat; background-size:cover;}
.service05Visual > div {width:1140px; margin:0 auto; padding-top:200px;}
.service05Visual > div h1 {text-align:center; font-size:55px; line-height:60px; color:#fff; font-weight:600; letter-spacing:3px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.service05Visual > div h2 {margin-top:40px; text-align:center; font-size:14px; color:#fff; text-shadow:0 2px 2px rgba(0,0,0,0.3); opacity:0.9;}
@media all and (max-width:479px) {
.service05Visual {height:250px; background:url('../../img/images/content/panorama-2117310_1920.jpg') center 0px no-repeat; background-size:cover;}
.service05Visual > div {width:300px; padding-top:120px;}
.service05Visual > div h1 {text-align:center; font-size:25px; line-height:60px; color:#fff; font-weight:600; letter-spacing:3px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.service05Visual > div h2 {margin-top:30px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.service05Visual {height:250px; background:url('../../img/images/content/panorama-2117310_1920.jpg') center 0px no-repeat; background-size:cover;}
.service05Visual > div {width:450px; padding-top:120px;}
.service05Visual > div h1 {text-align:center; font-size:35px; line-height:60px; color:#fff; font-weight:600; letter-spacing:3px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.service05Visual > div h2 {margin-top:30px;}
}
@media all and (min-width:768px) and (max-width:989px) {
.service05Visual {height:300px; background:url('../../img/images/content/panorama-2117310_1920.jpg') center -150px no-repeat; background-size:cover;}
.service05Visual > div {width:720px; padding-top:140px}
.service05Visual > div h1 {text-align:center; font-size:35px; line-height:60px; color:#fff; font-weight:600; letter-spacing:3px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.service05Visual > div h2 {margin-top:50px;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.service05Visual {background:url('../../img/images/content/panorama-2117310_1920.jpg') center -150px no-repeat; background-size:cover;}
.service05Visual > div {width:940px;}
}
@media all and (min-width:1200px) {
}


.subico{
    float: right;
    padding-right: 10px;
    font-size: 30px;
}

/* service °Ç¼³ IT ¼Ö·ç¼Ç¼Ò°³ - 01 */
.service01 {margin:0 auto;}
.service01 p img {width:100%; overflow:hidden;margin-bottom:15px;}
.service01 dl {width:100%; overflow:hidden;}
.service01 dl dt {float:left; width:100%; padding-top:5px; font:22px/30px 'SpoqaHanSans-Regular'; color:#333; letter-spacing:-1px;}
.service01 dl dt h1 {float:left; width:100%; padding-top:5px; font:30px/38px 'SpoqaHanSans-Regular'; color:#333; letter-spacing:-1px;}
.service01 dl dt h2 {float:left; width:100%; padding-top:5px; font:22px/30px 'SpoqaHanSans-Regular'; color:#727272; letter-spacing:-1px;}
.service01 dl dd {float:left; width:70%;}
.service01 dl dd h1 {margin-bottom:5px; font-size:16px; font-weight:bold; color:#444; letter-spacing:-1px;}
.service01 dl dd h1 span {color:#ff8400;}
.service01 dl dd h2 {margin-bottom:25px;}
.service01 dl dd ul {width:100%; margin-bottom:25px; overflow:hidden;}
.service01 dl dd ul li {padding:2px 0 2px 10px; font-size:12px; background:url('../../img/images/btnIcn/icn_dot01.gif') 0 11px no-repeat;}
.service01 div {margin-top:10px; padding-top:30px; border-top:#e5e5e5 1px dashed;}
.service01 div ul {width:100%; overflow:hidden;}
.service01 div ul li {padding:2px 0 2px 12px; font-size:12px; background:url('../../img/images/btnIcn/icn_dot03.gif') 0 10px no-repeat;}
.service01 div p {padding:5px 0 0 20px; font-size:12px; color:#e40613; background:url('../../img/images/btnIcn/icn_point1.gif') 0 11px no-repeat;}


@media all and (max-width:479px) {
.service01 {width:300px;}
.service01 dl dt {width:100%;}
.service01 dl dd {width:100%; margin-top:15px;}
.service01 dl dt h1 {float:left; width:100%; padding-top:5px; font:16px/24px 'SpoqaHanSans-Regular'; color:#333; letter-spacing:-1px;}
.subico{float: right;padding-right: 10px;font-size: 20px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.service01 {width:450px;}
.service01 dl dt {width:100%;}
.service01 dl dd {width:100%; margin-top:15px;}
.service01 dl dt h1 {float:left; width:100%; padding-top:5px; font:16px/24px 'SpoqaHanSans-Regular'; color:#333; letter-spacing:-1px;}
}
@media all and (min-width:768px) and (max-width:989px) {
.service01 {width:720px;}
.service01 dl dt {width:100%;}
.service01 dl dd {width:100%; margin-top:15px;}
}
@media all and (min-width:990px) and (max-width:1399px) {
.service01 {width:100%;}
}
@media all and (min-width:1400px) {

}

/* service bimcg ¼Ò°³ - 02 */
.service02 {margin:0 auto;}
.service02 p img {width:100%; overflow:hidden;margin-bottom:15px;}
.service02 dl {width:100%; overflow:hidden;}
.service02 dl dt {float:left; width:100%; padding-top:5px; font:22px/30px 'SpoqaHanSans-Regular'; color:#333; letter-spacing:-1px;}
.service02 dl dt h1 {float:left; width:100%; padding-top:5px; font:22px/30px 'SpoqaHanSans-Regular'; color:#333; letter-spacing:-1px;}
.service02 dl dt h2 {float:left; width:100%; padding-top:5px; font:16px/24px 'SpoqaHanSans-Regular'; color:#727272; letter-spacing:-1px;}
.service02 dl dd {float:left; width:70%;}
.service02 dl dd h1 {margin-bottom:5px; font-size:16px; font-weight:bold; color:#444; letter-spacing:-1px;}
.service02 dl dd h1 span {color:#ff8400;}
.service02 dl dd h2 {margin-bottom:25px;}
.service02 dl dd ul {width:100%; margin-bottom:25px; overflow:hidden;}
.service02 dl dd ul li {padding:2px 0 2px 10px; font-size:12px; background:url('../../img/images/btnIcn/icn_dot01.gif') 0 11px no-repeat;}
.service02 div {margin-top:10px; padding-top:30px; border-top:#e5e5e5 1px dashed;}
.service02 div ul {width:100%; overflow:hidden;}
.service02 div ul li {padding:2px 0 2px 12px; font-size:12px; background:url('../../img/images/btnIcn/icn_dot03.gif') 0 10px no-repeat;}
.service02 div p {padding:5px 0 0 20px; font-size:12px; color:#e40613; background:url('../../img/images/btnIcn/icn_point1.gif') 0 11px no-repeat;}


@media all and (max-width:479px) {
.service02 {width:300px;}
.service02 dl dt {width:100%;}
.service02 dl dd {width:100%; margin-top:15px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.service02 {width:450px;}
.service02 dl dt {width:100%;}
.service02 dl dd {width:100%; margin-top:15px;}
}
@media all and (min-width:768px) and (max-width:989px) {
.service02 {width:720px;}
.service02 dl dt {width:100%;}
.service02 dl dd {width:100%; margin-top:15px;}
}
@media all and (min-width:990px) and (max-width:1399px) {
.service02 {width:100%;}
}
@media all and (min-width:1400px) {

}

/* ¼­ºñ½º Á¦Ç°¼Ò°³ À̹ÌÁö ¿µ¿ª */
.serviceCnt {width:100%; margin:0 auto; padding:10px 0 10px 0;}
.serviceCnt > div {width:100%; height:158px;border:#e5e5e5 1px solid;}
.serviceCnt > div h1 {font-size:18px; font-weight:bold; color:#4b5473; letter-spacing:-1px;}
.serviceCnt > div dl {width:100%; margin-top:0px; overflow:hidden;background:#f9f9f9;}
.serviceCnt > div dl dt {float:left; width:35%;}
.serviceCnt > div dl dt img {height:156px;width:246px;}
.serviceCnt > div dl dd {float:left; width:65%; padding-bottom:5px; color:#4b5473;margin-top:20px;font-size:16px; color:#333; font-weight:bold; letter-spacing:-1px;}


@media all and (max-width:479px) {
.serviceCnt {width:300px;}
.serviceCnt > div {height:auto;}
.serviceCnt > div dl {width:100%;overflow:hidden;}
.serviceCnt > div dl dt {width:100%;}
.serviceCnt > div dl dt img {width:100%;height:auto;}
.serviceCnt > div dl dd {width:100%;text-align:center;margin-bottom:10px;}

}
@media all and (min-width:480px) and (max-width:767px) {
.serviceCnt {width:450px;}
/*.serviceCnt > div {padding:180px 30px 30px 30px; height:auto;}*/
.serviceCnt > div {height:auto;}
.serviceCnt > div dl {width:100%;overflow:hidden;}
.serviceCnt > div dl dt {width:100%;}
.serviceCnt > div dl dt img {width:100%;height:auto;}
.serviceCnt > div dl dd {width:100%;text-align:center;margin-bottom:10px;}

}
@media all and (min-width:768px) and (max-width:989px) {
.serviceCnt {width:720px;}
/*.serviceCnt > div {padding:27px 30px 0 48%;}*/
.serviceCnt > div dl {width:100%; margin-top:0px; overflow:hidden;}
.serviceCnt > div dl dt {width:35%;}
.serviceCnt > div dl dd {width:65%;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.serviceCnt {width:100%;}
/*.serviceCnt > div {padding:30px 0 0 45%;}*/
.serviceCnt > div dl dt {width:40%;}
.serviceCnt > div dl dd {width:60%;}

}
@media all and (min-width:1200px) and (max-width:1399px) {
.serviceCnt {width:100%;}
/*.serviceCnt > div {padding:30px 0 0 38%;}*/
}
@media all and (min-width:1400px) {

}

/* ¼­ºñ½º Á¦Ç°¼Ò°³ À̹ÌÁö ¿µ¿ª - 02 */
.serviceCnt02 {margin:0 auto;}
.serviceCnt02 dl {width:100%; overflow:hidden;}
.serviceCnt02 dl dt {float:left; width:30%; padding-top:5px; font:22px/30px 'SpoqaHanSans-Regular'; color:#333; letter-spacing:-1px;}
.serviceCnt02 dl dd {float:left; width:65%;}
.serviceCnt02 dl dd h1 {margin-bottom:5px; font-size:16px; font-weight:bold; color:#444; letter-spacing:-1px;}
.serviceCnt02 dl dd h1 span {color:#ff8400;}
.serviceCnt02 dl dd h2 {margin-bottom:25px;}
.serviceCnt02 dl dd ul {width:100%; margin-bottom:25px; overflow:hidden;}
.serviceCnt02 dl dd ul li {padding:2px 0 2px 10px; font-size:12px; background:url('../../img/images/btnIcn/icn_dot01.gif') 0 11px no-repeat;}
.serviceCnt02 div {margin-top:10px; padding-top:30px; border-top:#e5e5e5 1px dashed;}
.serviceCnt02 div ul {width:100%; overflow:hidden;}
.serviceCnt02 div ul li {padding:2px 0 2px 12px; font-size:12px; background:url('../../img/images/btnIcn/icn_dot03.gif') 0 10px no-repeat;}
.serviceCnt02 div p {padding:5px 0 0 20px; font-size:12px; color:#e40613; background:url('../../img/images/btnIcn/icn_point1.gif') 0 11px no-repeat;}

@media all and (max-width:479px) {
.serviceCnt02 {width:300px;}
.serviceCnt02 dl dt {width:100%;}
.serviceCnt02 dl dd {width:100%; margin-top:15px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.serviceCnt02 {width:450px;}
.serviceCnt02 dl dt {width:100%;}
.serviceCnt02 dl dd {width:100%; margin-top:15px;}
}
@media all and (min-width:768px) and (max-width:989px) {
.serviceCnt02 {width:720px;}
/*.serviceCnt02 dl dt {width:100%;}
.serviceCnt02 dl dd {width:100%; margin-top:15px;}*/
}
@media all and (min-width:990px) and (max-width:1399px) {
.serviceCnt02 {width:100%;}
}
@media all and (min-width:1400px) {
}

/* °í°´Çູ¼¾ÅÍ */
.supportCnt {width:1140px; margin:0 auto; padding:70px 0 80px 0;}
.supportCnt > div {width:100%; height:158px; padding:30px 0 0 35%; border:#e5e5e5 1px solid; background:url('../../img/images/content/support_customer_img01.jpg') no-repeat;}
.supportCnt > div h1 {font-size:18px; font-weight:bold; color:#4b5473; letter-spacing:-1px;}
.supportCnt > div dl {width:100%; margin-top:20px; overflow:hidden;}
.supportCnt > div dl dt {float:left; width:12%; padding-bottom:5px; font-weight:bold; color:#333;}
.supportCnt > div dl dd {float:left; width:88%; padding-bottom:5px; color:#4b5473;}
.supportCnt > dl {width:100%; margin-top:40px; padding-bottom:40px; border-bottom:#e5e5e5 1px solid; overflow:hidden;}
.supportCnt > dl dt {float:left; width:45%; padding-left:15%; background:url('../../img/images/content/support_customer_img02.jpg') 50px 0 no-repeat;}
.supportCnt > dl dd {float:right; width:45%; padding-left:15%; background:url('../../img/images/content/support_customer_img03.jpg') 50px 0 no-repeat;}
.supportCnt > dl h1 {font-size:16px; color:#333; font-weight:bold; letter-spacing:-1px;}
.supportCnt > dl h1 span {color:#fb6450;}
.supportCnt > dl h2 {margin-top:7px; font-size:13px; letter-spacing:-1px;}
.supportCnt > dl a {display:block; width:90px; margin-top:10px; padding:1px 0 3px 0; text-align:center; font-size:12px; color:#333; letter-spacing:-1px; border:#e5e5e5 1px solid;}
.supportCnt > dl a:hover {color:#fff; border:#fb6450 1px solid; background:#fb6450;}

@media all and (max-width:479px) {
.supportCnt {width:300px;}
.supportCnt > div {padding:190px 30px 30px 30px; height:auto; background:url('../../img/images/content/support_customer_img01.jpg') center 0 no-repeat;}
.supportCnt > div dl {width:100%; margin-top:20px; overflow:hidden;}
.supportCnt > div dl dt {width:31%;}
.supportCnt > div dl dd {width:69%;}
.supportCnt > dl dt {width:100%; padding-left:37%; background:url('../../img/images/content/support_customer_img02.jpg') 10px 10px no-repeat;}
.supportCnt > dl dd {width:100%; margin-top:30px; padding-left:37%; background:url('../../img/images/content/support_customer_img03.jpg') 10px 10px no-repeat;}
}
@media all and (min-width:480px) and (max-width:767px) {
.supportCnt {width:450px;}
.supportCnt > div {padding:180px 30px 30px 30px; height:auto; background:url('../../img/images/content/support_customer_img01.jpg') center 0 no-repeat;}
.supportCnt > div dl {width:100%; margin-top:20px; overflow:hidden;}
.supportCnt > div dl dt {width:20%;}
.supportCnt > div dl dd {width:80%;}
.supportCnt > dl dt {width:100%; padding-left:25%; background:url('../../img/images/content/support_customer_img02.jpg') 10px 10px no-repeat;}
.supportCnt > dl dd {width:100%; margin-top:30px; padding-left:25%; background:url('../../img/images/content/support_customer_img03.jpg') 10px 10px no-repeat;}
}
@media all and (min-width:768px) and (max-width:989px) {
.supportCnt {width:720px;}
.supportCnt > div {padding:27px 30px 0 48%; background:url('../../img/images/content/support_customer_img01.jpg') -30px 0 no-repeat;}
.supportCnt > div dl {width:100%; margin-top:10px; overflow:hidden;}
.supportCnt > div dl dt {width:22%;}
.supportCnt > div dl dd {width:78%;}
.supportCnt > dl dt {width:48%; padding-left:17%; background:url('../../img/images/content/support_customer_img02.jpg') 10px 0 no-repeat;}
.supportCnt > dl dd {width:48%; padding-left:17%; background:url('../../img/images/content/support_customer_img03.jpg') 10px 0 no-repeat;}
}
@media all and (min-width:990px) and (max-width:1099px) {
.supportCnt {width:100%;}
.supportCnt > div {padding:30px 0 0 45%;}
.supportCnt > div dl dt {width:18%;}
.supportCnt > div dl dd {width:82%;}
.supportCnt > dl dt {width:48%; padding-left:17%; background:url('../../img/images/content/support_customer_img02.jpg') 30px 0 no-repeat;}
.supportCnt > dl dd {width:48%; padding-left:17%; background:url('../../img/images/content/support_customer_img03.jpg') 30px 0 no-repeat;}
}
@media all and (min-width:1100px) and (max-width:1399px) {
.supportCnt {width:100%;}
.supportCnt > div {padding:30px 0 0 38%;}
.supportCnt > dl dt {width:48%; padding-left:15%; background:url('../../img/images/content/support_customer_img02.jpg') 30px 0 no-repeat;}
.supportCnt > dl dd {width:48%; padding-left:15%; background:url('../../img/images/content/support_customer_img03.jpg') 30px 0 no-repeat;}
}
@media all and (min-width:1400px) {

}


/* A/S¾È³» - 01 */
.supportAS01 {width:1140px; margin:0 auto;}
.supportAS01 dl {width:100%; overflow:hidden;}
.supportAS01 dl dt {float:left; width:25%; padding-top:5px; font:22px/30px 'SpoqaHanSans-Regular'; color:#333; letter-spacing:-1px;}
.supportAS01 dl dd {float:left; width:70%;}
.supportAS01 dl dd h1 {margin-bottom:5px; font-size:16px; font-weight:bold; color:#444; letter-spacing:-1px;}
.supportAS01 dl dd h1 span {color:#ff8400;}
.supportAS01 dl dd h2 {margin-bottom:25px;}
.supportAS01 dl dd ul {width:100%; margin-bottom:25px; overflow:hidden;}
.supportAS01 dl dd ul li {padding:2px 0 2px 10px; font-size:12px; background:url('../../img/images/btnIcn/icn_dot01.gif') 0 11px no-repeat;}
.supportAS01 div {margin-top:10px; padding-top:30px; border-top:#e5e5e5 1px dashed;}
.supportAS01 div ul {width:100%; overflow:hidden;}
.supportAS01 div ul li {padding:2px 0 2px 12px; font-size:12px; background:url('../../img/images/btnIcn/icn_dot03.gif') 0 10px no-repeat;}
.supportAS01 div p {padding:5px 0 0 20px; font-size:12px; color:#e40613; background:url('../../img/images/btnIcn/icn_point1.gif') 0 11px no-repeat;}

@media all and (max-width:479px) {
.supportAS01 {width:300px;}
.supportAS01 dl dt {width:100%;}
.supportAS01 dl dd {width:100%; margin-top:15px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.supportAS01 {width:450px;}
.supportAS01 dl dt {width:100%;}
.supportAS01 dl dd {width:100%; margin-top:15px;}
}
@media all and (min-width:768px) and (max-width:989px) {
.supportAS01 {width:720px;}
.supportAS01 dl dt {width:100%;}
.supportAS01 dl dd {width:100%; margin-top:15px;}
}
@media all and (min-width:990px) and (max-width:1399px) {
.supportAS01 {width:100%;}
}
@media all and (min-width:1400px) {

}


/* A/S¾È³» - 02 */
.supportAS02 {width:1140px; margin:0 auto; padding-bottom:80px;}
.supportAS02 p {height:32px; margin-top:60px; background:url('../../img/images/content/support_as_line.gif') center top no-repeat;}
.supportAS02 h1 {margin-top:30px; text-align:center; font:500 22px/30px 'SpoqaHanSans-Regular'; color:#333; letter-spacing:-1px;}
.supportAS02 h2 {margin-top:5px; text-align:center; color:#e40613; letter-spacing:-1px;}
.supportAS02 dl {width:100%; margin-top:50px; overflow:hidden;}
.supportAS02 dl dt {padding:15px 20px 18px 20px; margin-bottom:5px; font-weight:bold; color:#333; background:#eee; border-radius:4px;}
.supportAS02 dl dd {display:none; margin-bottom:5px; padding:20px; border:#ddd 1px solid; border-radius:4px;}

@media all and (max-width:479px) {
.supportAS02 {width:300px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.supportAS02 {width:450px;}
}
@media all and (min-width:768px) and (max-width:989px) {
.supportAS02 {width:720px;}
}
@media all and (min-width:990px) and (max-width:1399px) {
.supportAS02 {width:100%;}
}
@media all and (min-width:1400px) {

}





/* ¸ÞÀÎ  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ºñÁÖ¾ó ¿µ¿ª - Å©·Î½º¿À¹ö */
.crosscover-island > p {position:absolute; bottom:100px; left:50%; margin-left:-44px; z-index:99; cursor:pointer;}
.crosscover-island > div {position:absolute; bottom:100px; left:50%; width:120px; margin:40px 0 0 -60px; padding:8px 0; text-align:center; font-weight:bold; color:#fff; border:#fff 2px solid; z-index:999; cursor:pointer;}
.crosscover-controller {bottom:50%;}
.crosscover-player {display:none;}
.crosscover-icon-next:after {width:50px !important; height:50px !important; margin:30px 0 0 -70px !important;}
.crosscover-icon-prev:after {width:50px !important; height:50px !important; margin:30px 0 0 20px !important;}
.crosscover-dots {bottom:15px !important;}


@media all and (max-width:479px) {
.crosscover-island > p {display:none;}
.crosscover-island > div {display:none;}
.crosscover-icon-next:after {width:20px !important; height:20px !important; margin:40px 0 0 -30px !important;}
.crosscover-icon-prev:after {width:20px !important; height:20px !important; margin:40px 0 0 0px !important;}
.crosscover-dots {bottom:0px !important;}
}
@media all and (min-width:480px) and (max-width:767px) {
.crosscover-island > p {display:none;}
.crosscover-island > div {display:none;}
.crosscover-icon-next:after {width:30px !important; height:30px !important; margin:40px 0 0 -30px !important;}
.crosscover-icon-prev:after {width:30px !important; height:30px !important; margin:40px 0 0 0px !important;}
.crosscover-dots {bottom:0px !important;}
}
@media all and (min-width:768px) and (max-width:989px) {

}
@media all and (min-width:990px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}


/* ¸ÞÀÎÄ«ÇÇ */
.mainCopy01 {position:absolute; top:50%; width:100%; height:260px; margin-top:-60px; z-index:999;}
.mainCopy01 > h1 {width:550px; margin:0 auto; text-align:center; font:500 55px/60px 'Daehan'; color:#fff; letter-spacing:-8px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.mainCopy01 > h2 {margin-top:40px; text-align:center; font:300 35px/40px 'SpoqaHanSans-Regular'; color:#fff; letter-spacing:-2px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.mainCopy02 {position:absolute; top:50%; width:100%; height:260px; margin-top:-100px; z-index:999;}
.mainCopy02 > h1 {width:650px; margin:0 auto; text-align:center; font:500 55px/60px 'Daehan'; color:#fff; letter-spacing:-8px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.mainCopy02 > h2 {margin-top:40px; text-align:center; font:300 35px/40px 'SpoqaHanSans-Regular'; color:#fff; letter-spacing:-2px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.mainCopy03 {position:absolute; top:50%; width:100%; height:260px; margin-top:-100px; z-index:999;}
.mainCopy03 > h1 {width:650px; margin:0 auto; text-align:center; font:500 55px/60px 'Daehan'; color:#fff; letter-spacing:-8px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.mainCopy03 > h2 {margin-top:40px; text-align:center; font:300 35px/40px 'SpoqaHanSans-Regular'; color:#fff; letter-spacing:-2px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.mainCopy04 {position:absolute; top:50%; width:100%; height:260px; margin-top:-100px; z-index:999;}
.mainCopy04 > h1 {width:650px; margin:0 auto; text-align:center; font:500 55px/60px 'Daehan'; color:#fff; letter-spacing:-8px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.mainCopy04 > h2 {margin-top:40px; text-align:center; font:300 35px/40px 'SpoqaHanSans-Regular'; color:#fff; letter-spacing:-2px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}

@media all and (max-width:479px) {
.mainCopy01 {height:135px; margin-top:-50px;}
.mainCopy01 > h1 {width:300px; font:600 45px/45px 'Daehan'; letter-spacing:-5px;}
.mainCopy01 > h2 {width:300px; margin:25px auto 0 auto; font:300 18px/23px 'SpoqaHanSans-Regular'; letter-spacing:-1px;}
.mainCopy02 {height:135px; margin-top:-50px;}
.mainCopy02 > h1 {width:300px; font:600 45px/45px 'Daehan'; letter-spacing:-5px;}
.mainCopy02 > h2 {width:300px; margin:25px auto 0 auto; font:300 18px/23px 'SpoqaHanSans-Regular'; letter-spacing:-1px;}
.mainCopy03 {height:135px; margin-top:-50px;}
.mainCopy03 > h1 {width:300px; font:600 45px/45px 'Daehan'; letter-spacing:-5px;}
.mainCopy03 > h2 {width:300px; margin:25px auto 0 auto; font:300 18px/23px 'SpoqaHanSans-Regular'; letter-spacing:-1px;}
.mainCopy04 {height:135px; margin-top:-50px;}
.mainCopy04 > h1 {width:300px; font:600 45px/45px 'Daehan'; letter-spacing:-5px;}
.mainCopy04 > h2 {width:300px; margin:25px auto 0 auto; font:300 18px/23px 'SpoqaHanSans-Regular'; letter-spacing:-1px;}

}
@media all and (min-width:480px) and (max-width:767px) {
.mainCopy01 {height:180px; margin-top:-40px;}
.mainCopy01 > h1 {width:400px; font:600 55px/55px 'Daehan'; letter-spacing:-6px;}
.mainCopy01 > h2 {width:450px; margin:30px auto 0 auto; font:300 25px/30px 'SpoqaHanSans-Regular';}
.mainCopy02 {height:180px; margin-top:-65px;}
.mainCopy02 > h1 {width:450px; font:600 55px/55px 'Daehan'; letter-spacing:-6px;}
.mainCopy02 > h2 {width:450px; margin:30px auto 0 auto; font:300 25px/30px 'SpoqaHanSans-Regular';}
.mainCopy03 {height:180px; margin-top:-65px;}
.mainCopy03 > h1 {width:450px; font:600 55px/55px 'Daehan'; letter-spacing:-6px;}
.mainCopy03 > h2 {width:450px; margin:30px auto 0 auto; font:300 25px/30px 'SpoqaHanSans-Regular';}
.mainCopy04 {height:180px; margin-top:-65px;}
.mainCopy04 > h1 {width:450px; font:600 55px/55px 'Daehan'; letter-spacing:-6px;}
.mainCopy04 > h2 {width:450px; margin:30px auto 0 auto; font:300 25px/30px 'SpoqaHanSans-Regular';}
}
@media all and (min-width:768px) and (max-width:989px) {
.mainCopy01 {height:230px; margin-top:-60px;}
.mainCopy01 > h1 {width:500px; font:600 70px/70px 'Daehan'; letter-spacing:-7px;}
.mainCopy01 > h2 {width:550px; margin:40px auto 0 auto; font:300 30px/35px 'SpoqaHanSans-Regular';}
.mainCopy02 {height:230px; margin-top:-100px;}
.mainCopy02 > h1 {width:600px; font:600 70px/70px 'Daehan'; letter-spacing:-7px;}
.mainCopy02 > h2 {width:550px; margin:40px auto 0 auto; font:300 30px/35px 'SpoqaHanSans-Regular';}
.mainCopy03 {height:230px; margin-top:-100px;}
.mainCopy03 > h1 {width:500px; font:600 70px/70px 'Daehan'; letter-spacing:-7px;}
.mainCopy03 > h2 {width:550px; margin:40px auto 0 auto; font:300 30px/35px 'SpoqaHanSans-Regular';}
.mainCopy04 {height:230px; margin-top:-100px;}
.mainCopy04 > h1 {width:500px; font:600 70px/70px 'Daehan'; letter-spacing:-7px;}
.mainCopy04 > h2 {width:550px; margin:40px auto 0 auto; font:300 30px/35px 'SpoqaHanSans-Regular';}
}
@media all and (min-width:990px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}


/* ȸ»ç¼Ò°³ */
.mainCompany {width:100%; height:646px; background:url('../../img/images/main/company_bg.jpg') center center no-repeat; background-size:cover;}
.mainCompany dl {width:1200px; margin:0 auto; overflow:hidden;}
.mainCompany dl dt {float:left; width:50%; padding:120px 70px 0 70px; text-align:center;}
.mainCompany dl dt h1 {font:700 italic 70px 'Droid Serif'; color:#937654;}
.mainCompany dl dt h2 {margin-top:10px; font-size:24px; font-weight:bold; line-height:35px; color:#ddd; letter-spacing:8px;}
.mainCompany dl dt h3 {margin-top:50px; font-size:16px; color:#999;}
.mainCompany dl dt div {margin-top:60px;}
.mainCompany dl dt div a {display:inline-block; padding:10px 70px 12px 70px; font-size:16px; font-weight:bold; color:#a4820c; border:#a4820c 1px solid;}
.mainCompany dl dt div a:hover {color:#fff; padding:11px 71px 14px 71px; border:none; background:#a4820c;}
.mainCompany dl dd {float:left; width:50%; padding:120px 70px 0 70px; text-align:center; cursor:pointer;}
.mainCompany dl dd h1 {font:700 italic 70px 'Droid Serif'; color:#937654;}
.mainCompany dl dd p {margin-top:30px;}
.mainCompany dl dd div {margin-top:30px; font-size:16px; color:#999;}

@media all and (max-width:479px) {
.mainCompany {height:1292px; background:url('../../img/images/main/company_bgM.jpg') center center no-repeat; background-size:cover;}
.mainCompany dl {width:300px;}
.mainCompany dl dt {width:100%; padding:100px 0 0 0;}
.mainCompany dl dt h1 {font:700 italic 55px 'Droid Serif';}
.mainCompany dl dd {width:100%; margin-top:160px; padding:100px 0 0 0;}
.mainCompany dl dd h1 {font:700 italic 55px 'Droid Serif';}
}
@media all and (min-width:480px) and (max-width:767px) {
.mainCompany {height:1292px; background:url('../../img/images/main/company_bgM.jpg') center center no-repeat; background-size:cover;}
.mainCompany dl {width:450px;}
.mainCompany dl dt {width:100%; padding:100px 50px 0 50px;}
.mainCompany dl dt h1 {font:700 italic 60px 'Droid Serif';}
.mainCompany dl dd {width:100%; margin-top:170px; padding:100px 50px 0 50px;}
.mainCompany dl dd h1 {font:700 italic 60px 'Droid Serif';}
}
@media all and (min-width:768px) and (max-width:989px) {
.mainCompany {height:1292px; background:url('../../img/images/main/company_bgM.jpg') center center no-repeat; background-size:cover;}
.mainCompany dl {width:720px;}
.mainCompany dl dt {width:100%;}
.mainCompany dl dd {width:100%; margin-top:150px;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.mainCompany dl {width:940px;}
.mainCompany dl dt {padding:100px 50px 0 50px;}
.mainCompany dl dd {padding:100px 50px 0 50px;}
}
@media all and (min-width:1200px) {

}

.mainCompany {width:100%; height:646px; background:url('../../img/images/main/company_bg.jpg') center center no-repeat; background-size:cover;}
.mainCompany dl {width:1200px; margin:0 auto; overflow:hidden;}
.mainCompany dl dt {float:left; width:50%; padding:120px 70px 0 70px; text-align:center;}
.mainCompany dl dt h1 {font:700 italic 70px 'Droid Serif'; color:#937654;}
.mainCompany dl dt h2 {margin-top:10px; font-size:24px; font-weight:bold; line-height:35px; color:#ddd; letter-spacing:8px;}
.mainCompany dl dt h3 {margin-top:50px; font-size:16px; color:#999;}
.mainCompany dl dt div {margin-top:60px;}
.mainCompany dl dt div a {display:inline-block; padding:10px 70px 12px 70px; font-size:16px; font-weight:bold; color:#a4820c; border:#a4820c 1px solid;}
.mainCompany dl dt div a:hover {color:#fff; padding:11px 71px 14px 71px; border:none; background:#a4820c;}
.mainCompany dl dd {float:left; width:50%; padding:120px 70px 0 70px; text-align:center; cursor:pointer;}
.mainCompany dl dd h1 {font:700 italic 70px 'Droid Serif'; color:#937654;}
.mainCompany dl dd p {margin-top:30px;}
.mainCompany dl dd div {margin-top:30px; font-size:16px; color:#999;}




@media all and (max-width:479px) {
.mainInfo2 {width:300px;}
.mainInfo2 > li {width:100%; height:250px;}
.mainInfo2 > li:nth-child(1) {width:100%; margin:0.5%;}
.mainInfo2 > li > p span {display:block;}
.mainInfo2 > li > p video {display:none;}
.mainInfo2 > li > div h2 {font-size:22px;}
.mainInfo2 > li > div h3 {width:240px; font-size:14px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.mainInfo2 {width:450px;}
.mainInfo2 > li {width:100%; height:250px;}
.mainInfo2 > li:nth-child(1) {width:100%; margin:0.5%;}
.mainInfo2 > li > p span {display:block;}
.mainInfo2 > li > p video {display:none;}
.mainInfo2 > li > div h2 {font-size:22px;}
.mainInfo2 > li > div h3 {font-size:14px;}
}
@media all and (min-width:768px) and (max-width:989px) {
.mainInfo2 {width:720px;}
.mainInfo2 > li {width:49%; height:275px;}
.mainInfo2 > li:nth-child(1) {width:100%; margin:0.5%;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.mainInfo2 {width:940px;}
.mainInfo2 > li {height:275px;}
}
@media all and (min-width:1200px) {
}


/* ȸ»çÁ¤º¸ */
.mainInfo {width:100%; background:#fff;}
.mainInfo > ul {width:100%; margin:0 auto; padding:0 0.5% 0.5% 0.5%; overflow:hidden;}
.mainInfo > ul > li {position:relative; float:left; width:32%; height:330px; margin:0.5%; background:#000; cursor:pointer; overflow:hidden;}
/*.mainInfo > ul > li > div {position:absolute; top:0; width:100%; padding-left:35px;}*/
.mainInfo > ul > li > div {position:absolute; top:0; width:100%;}
/*.mainInfo > ul > li > div h1 {width:120px; padding:10px; text-align:center; font-size:12px; color:#fff; background:#937654;}*/
/*.mainInfo > ul > li > div h1 {padding:10px; text-align:center; font-size:12px; color:#fff; background:#937654;}*/
.mainInfo > ul > li > div h1 {padding:10px; text-align:center; font-size:18px; color:#fff; background:rgba(0, 148, 255, 0.45);}

.mainInfo > ul > li > div h2 {width:220px; margin-top:30px; padding-bottom:20px; font-size:24px; font-weight:bold; color:#f9f9f9; letter-spacing:-1px; border-bottom:#f9f9f9 1px solid;margin-left:35px;}
.mainInfo > ul > li > div h3 {width:270px; margin-top:20px; font-size:14px; color:#f9f9f9; letter-spacing:-1px;margin-left:35px;}

@media all and (max-width:479px) {
.mainInfo > ul {width:300px;}
.mainInfo > ul > li {width:100%; height:250px;}
.mainInfo > ul > li > div h2 {font-size:22px;}
.mainInfo > ul > li > div h3 {width:240px; font-size:14px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.mainInfo > ul {width:450px;}
.mainInfo > ul > li {width:100%; height:250px;}
.mainInfo > ul > li > div h2 {font-size:22px;}
.mainInfo > ul > li > div h3 {font-size:14px;}
}
@media all and (min-width:768px) and (max-width:989px) {
.mainInfo > ul {width:720px;}
.mainInfo > ul > li {width:49%; height:275px;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.mainInfo > ul {width:940px;}
.mainInfo > ul > li {height:275px;}
}
@media all and (min-width:1200px) {

}


/* ȸ»çÁ¦Ç° ¸ÞÀÎ ³ëÃâ */
.mainPromtion {width:100%; background:#fff;}
.mainPromtion > ul {width:100%; margin:0 auto; padding:0.5% 0.5% 0 0.5%; overflow:hidden;}
.mainPromtion > ul > li {position:relative; float:left; width:48.5%; height:330px; margin:0.5%; background:#000; cursor:pointer; overflow:hidden;}
.mainPromtion > ul > li > div {position:absolute; top:0; width:100%; padding-left:35px;}
.mainPromtion > ul > li > div h1 {width:120px; padding:10px; text-align:center; font-size:12px; color:#fff; background:#937654;}
.mainPromtion > ul > li > div h2 {width:300px; margin-top:30px; padding-bottom:5px; font-size:28px; font-weight:bold; color:#f9f9f9; letter-spacing:-1px; border-bottom:#f9f9f9 1px solid;line-height:32px;}
.mainPromtion > ul > li > div h3 {width:420px; margin-top:5px; font-size:14px; color:#f9f9f9; letter-spacing:-1px;}
.mainPromtion > ul > li > .detail {margin-top:210px;float:right;}
.mainPromtion > ul > li > .detail a {display:inline-block; padding:7px 40px 8px 40px; font-size:16px; font-weight:bold; color:#fff; letter-spacing:-1px; background:#de6262;}
.mainPromtion > ul > li > .detail a:hover {color:#fff; background:#e97e7e;}

@media all and (max-width:479px) {
.mainPromtion > ul {width:300px;}
.mainPromtion > ul > li {width:100%; height:250px;}
.mainPromtion > ul > li > div h2 {font-size:20px;padding-bottom:5px;line-height:20px;}
.mainPromtion > ul > li > div h3 {width:240px; font-size:12px;}
.mainPromtion > ul > li > .detail a {display:inline-block; padding:5px 10px 5px 10px; font-size:16px; font-weight:bold; color:#fff; letter-spacing:-1px; background:#de6262;}
.mainPromtion > ul > li > .detail a:hover {color:#fff; background:#e97e7e;}
}
@media all and (min-width:480px) and (max-width:767px) {
.mainPromtion > ul {width:450px;}
.mainPromtion > ul > li {width:100%; height:250px;}
.mainPromtion > ul > li > div h2 {font-size:20px;line-height:20px;}
.mainPromtion > ul > li > div h3 {font-size:14px;}
.mainPromtion > ul > li > .detail a {display:inline-block; padding:7px 20px 7px 20px; font-size:16px; font-weight:bold; color:#fff; letter-spacing:-1px; background:#de6262;}
.mainPromtion > ul > li > .detail a:hover {color:#fff; background:#e97e7e;}
}
@media all and (min-width:768px) and (max-width:989px) {
.mainPromtion > ul {width:720px;}
.mainPromtion > ul > li {width:49%; height:275px;}
.mainPromtion > ul > li > div h2 {width:300px;font-size:20px;line-height:20px;}
.mainPromtion > ul > li > div h3 {width:300px;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.mainPromtion > ul {width:940px;}
.mainPromtion > ul > li {height:275px;}
}
@media all and (min-width:1200px) {

}


/* Á¦Ç°¼Ò°³ */
.mainProduct {width:100%; background:#efefef;}
.mainProduct > dl {width:1200px; height:700px; margin:0 auto; padding:80px 0; background:url('../../img/images/main/product_bg.jpg') no-repeat; overflow:hidden;}
.mainProduct > dl dt {float:left; width:40%; text-align:center;}
.mainProduct > dl dd {float:right; width:45%;}
.mainProduct > dl dd h1 {margin-top:70px; font:bold 35px/35px 'Ubuntu'; color:#333;}
.mainProduct > dl dd h2 {margin-top:2px; font:bold 60px/60px 'Ubuntu'; color:#333;}
.mainProduct > dl dd h3 {margin-top:30px; font-size:16px; color:#333; letter-spacing:-1px;}
.mainProduct > dl dd div {margin-top:80px;}
.mainProduct > dl dd div a {display:inline-block; padding:12px 70px 14px 70px; font-size:16px; font-weight:bold; color:#fff; letter-spacing:-1px; background:#de6262;}
.mainProduct > dl dd div a:hover {color:#fff; background:#e97e7e;}

@media all and (max-width:479px) {
.mainProduct > dl {width:300px; height:800px; background:url('../../img/images/main/product_bg.jpg') -20px 0 no-repeat; background-size:250%;}
.mainProduct > dl dt {width:100%; height:350px;}
.mainProduct > dl dd {width:100%;}
.mainProduct > dl dd h1 {margin-top:0; font:bold 25px/25px 'Ubuntu';}
.mainProduct > dl dd h2 {font:bold 40px/40px 'Ubuntu';}
.mainProduct > dl dd div {margin-top:30px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.mainProduct > dl {width:450px; height:1130px; background:url('../../img/images/main/product_bg.jpg') -40px 0 no-repeat;}
.mainProduct > dl dt {width:100%; height:600px;}
.mainProduct > dl dd {width:100%;}
.mainProduct > dl dd h1 {margin-top:0;}
.mainProduct > dl dd h1 {font:bold 30px/30px 'Ubuntu'; color:#333;}
.mainProduct > dl dd h2 {font:bold 50px/50px 'Ubuntu'; color:#333;}
.mainProduct > dl dd div {margin-top:40px;}
}
@media all and (min-width:768px) and (max-width:989px) {
.mainProduct > dl {width:720px; background:url('../../img/images/main/product_bg.jpg') 250px 0 no-repeat;}
.mainProduct > dl dt {width:100%;}
.mainProduct > dl dd {width:100%;}
.mainProduct > dl dd h1 {width:70%; margin-top:40px;}
.mainProduct > dl dd h2 {width:50%;}
.mainProduct > dl dd h3 {width:50%;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.mainProduct > dl {width:940px;}
.mainProduct > dl dt {width:40%;}
.mainProduct > dl dd {width:45%;}
.mainProduct > dl dd h1 {margin-top:70px;}
}
@media all and (min-width:1200px) {

}


/* ¿µ»ó */
.mainMovie {width:100%; height:630px; padding-top:90px; text-align:center; background:url('../../img/images/main/movie_bg.jpg') center center no-repeat; background-size:cover;}
.mainMovie > div {margin:0 auto; padding-top:20px; overflow:hidden;}
.mainMovie > div h1 {width:400px; margin:0 auto; padding:10px 0 12px 0; text-align:center; font-size:20px; font-weight:bold; color:#fff; letter-spacing:-1px; background:#43c3dc;}
.mainMovie > div h2 {margin:20px 0 30px 0; text-align:center; font:500 40px 'SpoqaHanSans-Regular'; color:#fff; letter-spacing:-1px;}
.mainMovie > div h2 span {color:#cfdc3d;}
.mainMovie > div div {padding-top:140px;}
.mainMovie > div div a {display:inline-block; padding:12px 70px 14px 70px; font-size:16px; font-weight:bold; color:#fff; letter-spacing:-1px; background:#de6262;}
.mainMovie > div div a:hover {color:#fff; background:#e97e7e;}

@media all and (max-width:479px) {
.mainMovie div iframe {width:90%;}
.mainMovie h1 {width:300px;}
.mainMovie > div h1 {width:400px; margin:0 auto; padding:10px 0 12px 0; text-align:center; font-size:18px; font-weight:bold; color:#fff; letter-spacing:-1px; background:#43c3dc;}
.mainMovie > div h2 {margin:20px 0 30px 0; text-align:center; font:300 30px 'SpoqaHanSans-Regular'; color:#fff; letter-spacing:-1px;}
.mainMovie > div div {padding-top:70px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.mainMovie div iframe {width:90%;}
.mainMovie > div div {padding-top:100px;}
}
@media all and (min-width:768px) and (max-width:989px) {

}
@media all and (min-width:990px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}


/* Ä«´Þ·Î±× */
.mainCatalog {width:100%; height:650px; background:url('../../img/images/main/catalog_bg.jpg') no-repeat; background-size:cover;}
.mainCatalog > div {width:1100px; margin:0 auto; padding-top:140px; overflow:hidden;}
.mainCatalog > div h1 {font:700 italic 70px 'Droid Serif'; color:#222;}
.mainCatalog > div h2 {width:45%; margin-top:50px; font-size:16px; color:#333;}
.mainCatalog > div div {margin-top:60px;}
.mainCatalog > div div a {display:inline-block; padding:10px 70px 12px 70px; font-size:16px; font-weight:bold; color:#000; border:#000 1px solid;}
.mainCatalog > div div a:hover {color:#fff; padding:11px 71px 14px 71px; border:none; background:#000;}

@media all and (max-width:479px) {
.mainCatalog {background:url('../../img/images/main/catalog_bg.jpg') -200px 0 no-repeat; background-size:cover;}
.mainCatalog > div {width:300px;}
.mainCatalog > div h1 {font:700 italic 55px 'Droid Serif';}
.mainCatalog > div h2 {width:100%;}
}
@media all and (min-width:480px) and (max-width:767px) {
.mainCatalog {background:url('../../img/images/main/catalog_bg.jpg') -400px 0 no-repeat; background-size:cover;}
.mainCatalog > div {width:450px;}
.mainCatalog > div h1 {font:700 italic 60px 'Droid Serif';}
.mainCatalog > div h2 {width:60%;}
}
@media all and (min-width:768px) and (max-width:989px) {
.mainCatalog {background:url('../../img/images/main/catalog_bg.jpg') -200px 0 no-repeat; background-size:cover;}
.mainCatalog > div {width:720px;}
.mainCatalog > div h2 {width:60%;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.mainCatalog > div {width:940px;}
}
@media all and (min-width:1200px) {

}








/* ȸ»ç¼Ò°³  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ȸ»ç¼Ò°³ */
.introOverview {width:1140px; margin:0 auto; padding:70px 0 80px 0;}
.introOverview > h1 {text-align:center; font:14px 'Droid Serif'; color:#f62459; letter-spacing:1px;}
.introOverview > h2 {margin-top:10px; text-align:center; font:50px/60px 'Dosis'; color:#333;}
.introOverview > h3 {margin-top:10px; text-align:center; font-size:16px; color:#6d6d6d; letter-spacing:-1px;}
.introOverview > ul {width:100%; margin-top:50px; overflow:hidden;}
.introOverview > ul > li {position:relative; float:left; width:31.3%; margin:0 1%; background:#000;}
.introOverview > ul > li > p {height:230px; overflow:hidden;}
.introOverview > ul > li > div {padding:20px; background:#f6f6f6; overflow:hidden;}
.introOverview > ul > li > div p {margin-bottom:15px; font-size:24px; color:#333;}

@media all and (max-width:479px) {
.introOverview {width:300px; padding:40px 0 50px 0;}
.introOverview > h2 {font-size:35px; color:#333; line-height:40px;}
.introOverview > ul > li {width:100%; margin:0;}
.introOverview > ul > li > p {height:190px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.introOverview {width:450px; padding:50px 0 60px 0;}
.introOverview > h2 {font-size:40px; color:#333; line-height:50px;}
.introOverview > ul > li {width:100%; margin:0;}
}
@media all and (min-width:768px) and (max-width:989px) {
.introOverview {width:720px; padding:60px 0 70px 0;}
.introOverview > ul > li > p {height:150px;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.introOverview {width:940px;}
.introOverview > ul > li > p {height:190px;}
}
@media all and (min-width:1200px) {

}

/* ȸ»ç¼Ò°³ ºñÁÖ¾ó ¿µ¿ª*/
.CompanyVisual {width:100%; height:350px; background:url('../../img/images/content/computer-3246121_1920.jpg') center center no-repeat; background-size:cover;}
.CompanyVisual > div {width:1140px; margin:0 auto; padding-top:200px;}
.CompanyVisual > div h1 {text-align:center; font-size:65px; line-height:60px; color:#fff; font-weight:600; letter-spacing:3px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.CompanyVisual > div h2 {margin-top:40px; text-align:center; font-size:14px; color:#fff; text-shadow:0 2px 2px rgba(0,0,0,0.3); opacity:0.9;}
@media all and (max-width:479px) {
.CompanyVisual {height:250px; background:url('../../img/images/content/computer-3246121_1920.jpg') center 0px no-repeat; background-size:cover;}
.CompanyVisual > div {width:300px; padding-top:120px;}
.CompanyVisual > div h2 {margin-top:30px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.CompanyVisual {height:250px; background:url('../../img/images/content/computer-3246121_1920.jpg') center 0px no-repeat; background-size:cover;}
.CompanyVisual > div {width:450px; padding-top:120px;}
.CompanyVisual > div h2 {margin-top:30px;}
}
@media all and (min-width:768px) and (max-width:989px) {
.CompanyVisual {height:300px; background:url('../../img/images/content/computer-3246121_1920.jpg') center -150px no-repeat; background-size:cover;}
.CompanyVisual > div {width:720px; padding-top:140px}
.CompanyVisual > div h2 {margin-top:50px;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.CompanyVisual {background:url('../../img/images/content/computer-3246121_1920.jpg') center -150px no-repeat; background-size:cover;}
.CompanyVisual > div {width:940px;}
}
@media all and (min-width:1200px) {
}


/* ȸ»ç¿¬Çõ */
.introHistory {width:100%; padding:50px 0; background:url('../../img/images/content/intro_history_bg.jpg') center top no-repeat, #120a08;}
.introHistory > dl {width:1140px; margin:0 auto; overflow:hidden;}
.introHistory > dl > dt {float:left; width:35%; text-align:center;}
.introHistory > dl > dt h1 {padding:40px 0; font:50px/60px 'Dosis'; color:#fff;}
.introHistory > dl > dt h2 {padding:25px 0 20px 0; font:25px/35px 'Godo'; color:#f62459; letter-spacing:-2px;}
.introHistory > dl > dt h3 {padding-bottom:30px; font-size:16px; line-height:24px; color:#ccc; letter-spacing:-1px;}
.introHistory > dl > dd {float:right; width:55%;}
.introHistory > dl > dd dl {width:100%; margin-bottom:10px; color:#ccc; overflow:hidden;}
.introHistory > dl > dd dl dt {float:left; width:10%; font-weight:bold;}
.introHistory > dl > dd dl dd {float:right; width:87%;}

.introHistory > dl > div {position:relative; top:0; width:100%;text-align:center;float:right;margin-right:20px;}
.introHistory > dl > div > li {position:relative; float:right;margin:0.5%;cursor:pointer; overflow:hidden;}
.introHistory > dl > div > li h1 {width:150px; padding:8px; text-align:center; font-size:16px; color:#fff; background:#aeb746;float:right;font-weight:bold;}
.introHistory > dl > div > li h1.active {width:150px; padding:8px; text-align:center; font-size:16px; color:#fff; background:#937654;float:right;font-weight:bold;}

.introHistory > dl > div > li h2 {width:220px; margin-top:30px; padding-bottom:20px; font-size:24px; font-weight:bold; color:#f9f9f9; letter-spacing:-1px; border-bottom:#f9f9f9 1px solid;}
.introHistory > dl > div > li h3 {width:270px; margin-top:20px; font-size:14px; color:#f9f9f9; letter-spacing:-1px;}

@media all and (max-width:479px) {
.introHistory > dl {width:300px;}
.introHistory {padding:40px 0; background-size:cover;}
.introHistory > dl {width:300px;}
.introHistory > dl > dt {width:100%;}
.introHistory > dl > dt h1 {padding:0 0 20px 0; margin-bottom:20px; border-bottom:#777 1px solid; font-size:35px; line-height:45px;}
.introHistory > dl > dt h2 {display:none;}
.introHistory > dl > dt h3 {display:none;}
.introHistory > dl > dt p {display:none;}
.introHistory > dl > dd {width:100%;}
.introHistory > dl > dd dl dt {float:left; width:15%; font-weight:bold;}
.introHistory > dl > dd dl dd {float:right; width:82%;}
}
@media all and (min-width:480px) and (max-width:767px) {
.introHistory {padding:50px 0; background-size:cover;}
.introHistory > dl {width:450px;}
.introHistory > dl > dt {width:100%;}
.introHistory > dl > dt h1 {padding:0; font-size:40px; line-height:40px;}
.introHistory > dl > dt h2 {padding:15px 0 15px 0; font-size:20px; line-height:30px;}
.introHistory > dl > dt h3 {margin-bottom:30px; padding-bottom:30px; font-size:14px; border-bottom:#777 1px solid;}
.introHistory > dl > dt p {display:none;}
.introHistory > dl > dd {width:100%;}
.introHistory > dl > dd dl dt {float:left; width:15%; font-weight:bold;}
.introHistory > dl > dd dl dd {float:right; width:82%;}
}
@media all and (min-width:768px) and (max-width:989px) {
.introHistory {padding:60px 0; background-size:cover;}
.introHistory > dl {width:720px;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.introHistory {background-size:cover;}
.introHistory > dl {width:940px;}
}
@media all and (min-width:1200px) {

}


/* Á¶Á÷±¸¼º */
.introOrgan {width:100%; background:url('../../img/images/content/intro_organ_bg.jpg') center top no-repeat, #f6f6f6; background-size:cover;}
.introOrgan > div {width:1140px; margin:0 auto; padding:70px 0 80px 0;}
.introOrgan > div h1 {padding-bottom:20px; text-align:center; font:50px/60px 'Dosis'; color:#333;}
.introOrgan > div h2 {padding-bottom:20px; text-align:center; font:20px/25px 'Godo'; color:#333; letter-spacing:-1px;}
.introOrgan > div h3 {padding-bottom:30px; text-align:center; font-size:16px; color:#6d6d6d; line-height:24px; letter-spacing:-1px;}
.introOrgan > div div {text-align:center;}
.introOrgan > div p {display:none; text-align:center;}

@media all and (max-width:479px) {
.introOrgan > div {width:300px; padding:40px 0 50px 0;}
.introOrgan > div h1 {font-size:35px; line-height:45px;}
.introOrgan > div h2 {font-size:16px; line-height:22px;}
.introOrgan > div h3 {display:none;}
.introOrgan > div div {display:none;}
.introOrgan > div p {display:block;}
}
@media all and (min-width:480px) and (max-width:767px) {
.introOrgan > div {width:450px; padding:50px 0 60px 0;}
.introOrgan > div h1 {font-size:40px; line-height:50px;}
.introOrgan > div h2 {font-size:18px; line-height:22px;}
.introOrgan > div h3 {display:none;}
.introOrgan > div div {display:none;}
.introOrgan > div p {display:block;}
}
@media all and (min-width:768px) and (max-width:989px) {
.introOrgan > div {width:720px; padding:60px 0 70px 0;}
.introOrgan > div div img {width:100%;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.introOrgan > div {width:940px;}
}
@media all and (min-width:1200px) {

}


/* Clients  */
.introClients {width:1140px; margin:0 auto; padding:70px 0 80px 0;}
.introClients > h1 {padding-bottom:20px; text-align:center; font:50px/60px 'Dosis'; color:#333;}
.introClients > h2 {padding-bottom:20px; text-align:center; font:20px/25px 'Godo'; color:#333; letter-spacing:-1px;}
.introClients > h3 {padding-bottom:30px; text-align:center; font-size:16px; color:#6d6d6d; line-height:24px; letter-spacing:-1px;}
.introClients > p {width:100%; overflow:hidden;display: block;height: auto;margin: 0 auto;}
.introClients > p a {float:left; display:block; width:18%; height:80px; margin:1% 1%; text-align:center; border:#e5e5e5 1px solid;line-height:75px;}
.introClients > p img {vertical-align:middle;padding:0 5px 0 5px;}  

.introClients > p a:hover {border:#f62459 1px solid;}

@media all and (max-width:479px) {
.introClients {width:300px; padding:40px 0 50px 0;}
.introClients > h1 {padding-bottom:15px; font-size:35px; line-height:45px;}
.introClients > h2 {padding-bottom:20px; font-size:17px; line-height:22px;}
.introClients > h3 {display:none;}
.introClients > p a {width:100%; margin:1% 0%;}
}
@media all and (min-width:480px) and (max-width:767px) {
.introClients {width:450px; padding:50px 0 60px 0;}
.introClients > h1 {padding-bottom:15px; font-size:40px; line-height:50px;}
.introClients > h2 {padding-bottom:15px; font-size:20px; line-height:25px;}
.introClients > h3 {padding-bottom:20px; font-size:14px; line-height:22px;}
.introClients > p a {width:48%; margin:1% 1%;}
}
@media all and (min-width:768px) and (max-width:989px) {
.introClients {width:720px; padding:60px 0 70px 0;}
.introClients > p a {width:31%; margin:1% 1%;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.introClients {width:940px;}
.introClients > p a {width:31%; margin:1% 1%;}
}
@media all and (min-width:1200px) {

}


/* location */
.introLocation {width:100%; background:#2c2b29;}
.introLocation > div {width:1140px; margin:0 auto; padding:70px 0 80px 0;}
.introLocation > div dl {width:100%; margin-bottom:45px; overflow:hidden;}
.introLocation > div dl dt {float:left; width:26%;  font:60px/70px 'Dosis'; color:#fff;}
.introLocation > div dl dd {float:left; width:74%; padding-top:15px; font-size:16px; line-height:25px; color:#ccc;}

@media all and (max-width:479px) {
.introLocation > div {width:300px; padding:40px 0 50px 0;}
.introLocation > div dl {margin-bottom:25px;}
.introLocation > div dl dt {width:100%; font-size:45px; line-height:50px;}
.introLocation > div dl dd {width:100%; font-size:14px; line-height:22px;}
.introLocation > div iframe {height:300px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.introLocation > div {width:450px; padding:50px 0 60px 0;}
.introLocation > div dl {margin-bottom:30px;}
.introLocation > div dl dt {width:100%; font-size:50px; line-height:55px;}
.introLocation > div dl dd {width:100%; font-size:14px; line-height:22px;}
.introLocation > div iframe {height:400px;}
}
@media all and (min-width:768px) and (max-width:989px) {
.introLocation > div {width:720px; padding:60px 0 70px 0;}
.introLocation > div dl dt {width:40%;}
.introLocation > div dl dd {width:55%;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.introLocation > div {width:940px; padding:60px 0 70px 0;}
.introLocation > div dl dt {width:30%;}
.introLocation > div dl dd {width:65%;}
}
@media all and (min-width:1200px) {

}




/* ºñÁö´Ï½º  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* »ç¾÷¾È³» */

/* ºñÁö´Ï½º ºñÁÖ¾ó ¿µ¿ª*/
.businessVisual {width:100%; height:350px; background:url('../../img/images/content/visualSub02.jpg') center center no-repeat; background-size:cover;}
.businessVisual > div {width:1140px; margin:0 auto; padding-top:200px;}
.businessVisual > div h1 {text-align:center; font-size:65px; line-height:60px; color:#fff; font-weight:600; letter-spacing:3px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.businessVisual > div h2 {margin-top:40px; text-align:center; font-size:14px; color:#fff; text-shadow:0 2px 2px rgba(0,0,0,0.3); opacity:0.9;}
@media all and (max-width:479px) {
.businessVisual {height:250px; background:url('../../img/images/content/visualSub02.jpg') center 0px no-repeat; background-size:cover;}
.businessVisual > div {width:300px; padding-top:120px;}
.businessVisual > div h2 {margin-top:30px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.businessVisual {height:250px; background:url('../../img/images/content/visualSub02.jpg') center 0px no-repeat; background-size:cover;}
.businessVisual > div {width:450px; padding-top:120px;}
.businessVisual > div h2 {margin-top:30px;}
}
@media all and (min-width:768px) and (max-width:989px) {
.businessVisual {height:300px; background:url('../../img/images/content/visualSub02.jpg') center -150px no-repeat; background-size:cover;}
.businessVisual > div {width:720px; padding-top:140px}
.businessVisual > div h2 {margin-top:50px;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.businessVisual {background:url('../../img/images/content/visualSub02.jpg') center -150px no-repeat; background-size:cover;}
.businessVisual > div {width:940px;}
}
@media all and (min-width:1200px) {
}

.businessOverview {width:1140px; margin:0 auto; padding:70px 0 80px 0;}
.businessOverview > h1 {text-align:center; font:14px 'Droid Serif'; color:#f62459; letter-spacing:1px;}
.businessOverview > h2 {margin-top:10px; text-align:center; font:50px/60px 'Dosis'; color:#333;}
.businessOverview > h3 {margin-top:10px; text-align:center; font-size:16px; color:#6d6d6d; letter-spacing:-1px;}
.businessOverview > ul {width:100%; margin-top:50px; overflow:hidden;}
.businessOverview > ul li {float:left; width:30%; margin:2% 1.5%;}
.businessOverview > ul li dl {width:100%; overflow:hidden;}
.businessOverview > ul li dl dt {float:left; width:15%; padding-top:3px; color:#f62459;}
.businessOverview > ul li dl dd {float:right; width:80%;}
.businessOverview > ul li dl p {margin-bottom:10px; font:20px/25px 'Godo'; color:#333; letter-spacing:-1px;}

@media all and (max-width:479px) {
.businessOverview {width:300px; padding:40px 0 50px 0;}
.businessOverview > h2 {font-size:40px; line-height:42px;}
.businessOverview > h3 {margin-top:5px; font-size:14px;}
.businessOverview > ul {width:100%; margin-top:25px; overflow:hidden;}
.businessOverview > ul li {float:left; width:100%; margin:2.5% 0;}
.businessOverview > ul li dl dt {width:20%;}
.businessOverview > ul li dl dd {width:75%;}
}
@media all and (min-width:480px) and (max-width:767px) {
.businessOverview {width:450px; padding:50px 0 60px 0;}
.businessOverview > h2 {font-size:40px; line-height:50px;}
.businessOverview > h3 {margin-top:5px; font-size:16px;}
.businessOverview > ul {width:100%; margin-top:25px; overflow:hidden;}
.businessOverview > ul li {float:left; width:100%; margin:2.5% 0;}
.businessOverview > ul li dl dt {width:12%;}
.businessOverview > ul li dl dd {width:83%;}
}
@media all and (min-width:768px) and (max-width:989px) {
.businessOverview {width:720px; padding:60px 0 70px 0;}
.businessOverview > h2 {font-size:45px; line-height:55px;}
.businessOverview > ul {width:100%; margin-top:40px; overflow:hidden;}
.businessOverview > ul li {float:left; width:44%; margin:2% 3%;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.businessOverview {width:940px;}
.businessOverview > ul li dl dt {width:20%;}
.businessOverview > ul li dl dd {width:75%;}
}
@media all and (min-width:1200px) {

}


/* »ç¾÷¹Ì¼Ç */
.businessMission {width:100%; background:url('../../img/images/content/business_mission_bg.jpg') right top no-repeat, #f9f9f9;}
.businessMission > div {width:1140px; margin:0 auto;}
.businessMission > div > div {width:45%; padding:70px 50px 80px 0; background:#f9f9f9;}
.businessMission > div > div h1 {font:45px/48px 'Dosis'; color:#333;}
.businessMission > div > div h2 {margin:20px 0 25px 0; font:18px 'Godo'; color:#999; letter-spacing:-1px;}
.businessMission > div > div dl {width:100%; margin-top:30px; overflow:hidden;}
.businessMission > div > div dl dt {float:left; width:12%; padding-top:5px;}
.businessMission > div > div dl dd {float:right; width:85%;}
.businessMission > div > div dl p {margin-bottom:10px; font:20px/25px 'Godo'; color:#333; letter-spacing:-1px;}

@media all and (max-width:479px) {
.businessMission {background:#f9f9f9;}
.businessMission > div {width:300px;}
.businessMission > div > div h1 {font-size:40px; line-height:42px;}
.businessMission > div > div h2 {margin:10px 0 25px 0; font-size:14px;}
.businessMission > div > div {width:100%; padding:40px 0 50px 0;}
.businessMission > div > div dl dt {width:18%;}
.businessMission > div > div dl dd {width:77%;}
}
@media all and (min-width:480px) and (max-width:767px) {
.businessMission {background:#f9f9f9;}
.businessMission > div {width:450px;}
.businessMission > div > div h1 {font-size:40px; line-height:45px;}
.businessMission > div > div h2 {margin:10px 0 25px 0; font-size:16px;}
.businessMission > div > div {width:100%; padding:50px 0 60px 0;}
.businessMission > div > div dl dt {width:12%;}
.businessMission > div > div dl dd {width:85%;}
}
@media all and (min-width:768px) and (max-width:989px) {
.businessMission > div {width:720px;}
.businessMission > div > div {width:100%; padding:60px 50px 70px 50px;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.businessMission > div {width:940px;}
.businessMission > div > div {width:65%; padding:60px 50px 70px 50px;}
}
@media all and (min-width:1200px) {

}


/* »ç¾÷¹æÇâ */
.businessWay {width:100%; background:url('../../img/images/content/business_way_bg.jpg') center top no-repeat, #fff;}
.businessWay > div {width:1140px; margin:0 auto; padding:70px 0 40px 0;}
.businessWay > div > h1 {text-align:center; font:14px 'Droid Serif'; color:#f62459; letter-spacing:1px;}
.businessWay > div > h2 {margin-top:10px; text-align:center; font:50px/60px 'Dosis'; color:#333;}
.businessWay > div > h3 {margin-top:10px; text-align:center; font-size:16px; color:#6d6d6d; letter-spacing:-1px;}
.businessWay > div > p {margin-top:40px; text-align:center;}
.businessWay > div > div {margin-top:20px; font-size:16px; line-height:24px;}

@media all and (max-width:479px) {
.businessWay {background-size:cover;}
.businessWay > div {width:300px; padding:40px 0 50px 0;}
.businessWay > div > h2 {font-size:40px; line-height:42px;}
.businessWay > div > h3 {margin-top:10px; font-size:14px;}
.businessWay > div > p img {width:100%;}
}
@media all and (min-width:480px) and (max-width:767px) {
.businessWay > div {width:450px; padding:50px 0 40px 0;}
.businessWay > div > h2 {font-size:40px; line-height:42px;}
.businessWay > div > h3 {margin-top:10px; font-size:16px;}
.businessWay > div > p img {width:100%;}
}
@media all and (min-width:768px) and (max-width:989px) {
.businessWay > div {width:720px; padding:60px 0 70px 0;}
.businessWay > div > h2 {font-size:45px; line-height:55px;}
.businessWay > div > h3 {margin-top:10px; font-size:18px;}
.businessWay > div > p img {width:100%;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.businessWay > div {width:940px;}
}
@media all and (min-width:1200px) {

}



/* Ç÷ÎÅÍ */
.businessPloter {width:100%; background:url('../../img/images/content/business_ploter.jpg') center top no-repeat, #8f9493;}
.businessPloter .ploterArea {width:1140px; margin:0 auto; padding:30px 0 90px 0;}
.businessPloter .ploterArea div {width:700px;}
.businessPloter .ploterArea div h1 {padding-bottom:10px; font:50px/60px 'Dosis'; color:#6d6d6d;}
.businessPloter .ploterArea div h2 {padding:20px 0 40px 0; font:20px/30px 'Godo'; color:#6d6d6d; letter-spacing:-1px;}
.businessPloter .ploterArea div div {font-size:16px; color:#6d6d6d; line-height:20px; letter-spacing:-1px;}
.businessPloter .ploterArea div ul {width:100%; margin-top:10px; overflow:hidden;}
.businessPloter .ploterArea div ul li {padding:5px 0; color:#6d6d6d;}
.businessPloter .ploterArea div div a {display:inline-block; padding:10px 70px 12px 70px; font-size:16px; font-weight:bold; color:#000; border:#000 1px solid;}
.businessPloter .ploterArea div div a:hover {color:#fff; padding:11px 71px 14px 71px; border:none; background:#000;}


/*
.mainCatalog {width:100%; height:650px; background:url('../../img/images/main/catalog_bg.jpg') no-repeat; background-size:cover;}
.mainCatalog > div {width:1100px; margin:0 auto; padding-top:140px; overflow:hidden;}
.mainCatalog > div h1 {font:700 italic 70px 'Droid Serif'; color:#222;}
.mainCatalog > div h2 {width:45%; margin-top:50px; font-size:16px; color:#333;}
.mainCatalog > div div {margin-top:60px;}
.mainCatalog > div div a {display:inline-block; padding:10px 70px 12px 70px; font-size:16px; font-weight:bold; color:#000; border:#000 1px solid;}
.mainCatalog > div div a:hover {color:#fff; padding:11px 71px 14px 71px; border:none; background:#000;}
*/

@media all and (max-width:479px) {
.businessPloter .ploterArea {width:300px; padding:40px 0 50px 0;}
.businessPloter .ploterArea div {width:100%;}
.businessPloter .ploterArea div h1 {padding-bottom:10px; font-size:30px; line-height:40px;}
.businessPloter .ploterArea div h2 {padding:10px 0 30px 0; font-size:18px; line-height:25px;}
.businessPloter .ploterArea div div {font-size:14px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.businessPloter .ploterArea {width:450px; padding:50px 0 60px 0;}
.businessPloter .ploterArea div {width:100%;}
.businessPloter .ploterArea div h1 {padding-bottom:10px; font-size:45px; line-height:55px;}
.businessPloter .ploterArea div h2 {padding:15px 0 35px 0; font-size:20px; line-height:30px;}
.businessPloter .ploterArea div div {font-size:16px;}
}
@media all and (min-width:768px) and (max-width:989px) {
.businessPloter .ploterArea {width:720px; padding:60px 0 70px 0;}
.businessPloter .ploterArea div {width:600px;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.businessPloter .ploterArea {width:940px;}
}
@media all and (min-width:1200px) {

}


/* ¿Â¶óÀÎ ¸¶ÄÉÆà */
.businessMKTG {width:100%; background:url('../../img/images/content/business_mktg_bg.jpg') center top no-repeat, #8f9493;}
.businessMKTG .mktgArea {width:1140px; margin:0 auto; padding:70px 0 90px 0;}
.businessMKTG .mktgArea div {width:700px;}
.businessMKTG .mktgArea div h1 {padding-bottom:10px; font:50px/60px 'Dosis'; color:#fff;}
.businessMKTG .mktgArea div h2 {padding:20px 0 40px 0; font:20px/30px 'Godo'; color:#fff; letter-spacing:-1px;}
.businessMKTG .mktgArea div div {font-size:16px; color:#fff; line-height:20px; letter-spacing:-1px;}
.businessMKTG .mktgArea div ul {width:100%; margin-top:30px; overflow:hidden;}
.businessMKTG .mktgArea div ul li {padding:5px 0; color:#f9f9f9;}

@media all and (max-width:479px) {
.businessMKTG .mktgArea {width:300px; padding:40px 0 50px 0;}
.businessMKTG .mktgArea div {width:100%;}
.businessMKTG .mktgArea div h1 {padding-bottom:10px; font-size:40px; line-height:50px;}
.businessMKTG .mktgArea div h2 {padding:10px 0 30px 0; font-size:18px; line-height:25px;}
.businessMKTG .mktgArea div div {font-size:14px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.businessMKTG .mktgArea {width:450px; padding:50px 0 60px 0;}
.businessMKTG .mktgArea div {width:100%;}
.businessMKTG .mktgArea div h1 {padding-bottom:10px; font-size:45px; line-height:55px;}
.businessMKTG .mktgArea div h2 {padding:15px 0 35px 0; font-size:20px; line-height:30px;}
.businessMKTG .mktgArea div div {font-size:16px;}
}
@media all and (min-width:768px) and (max-width:989px) {
.businessMKTG .mktgArea {width:720px; padding:60px 0 70px 0;}
.businessMKTG .mktgArea div {width:600px;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.businessMKTG .mktgArea {width:940px;}
}
@media all and (min-width:1200px) {

}





/* Á¦Ç°¼Ò°³  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ¸Þ´º */
.productMenu {width:1140px; margin:0 auto; padding:70px 0;}
.productMenu > ul {width:100%; margin-top:0.75%; overflow:hidden;}
.productMenu > ul > li {position:relative; float:left; width:32%; height:330px; margin:0.5%; background:#000; cursor:pointer; overflow:hidden;}
.productMenu > ul > li > p img {opacity:0.4;}
.productMenu > ul > li > div {position:absolute; top:0; width:100%; text-align:center;}
.productMenu > ul > li > div h1 {width:120px; padding:10px; font-size:12px; color:#fff; background:#47a2b4;}
.productMenu > ul > li > div h2 {margin:120px auto 10px auto; font:40px/47px 'Dosis'; color:#f9f9f9;}
.productMenu > ul > li > div h3 {padding:0 45px; font-size:15px; color:#f9f9f9; letter-spacing:-1px;}

@media all and (max-width:479px) {
.productMenu {width:300px;}
.productMenu > ul > li {width:100%; height:290px;}
.productMenu > ul > li > div h2 {margin:100px auto 10px auto; font-size:35px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.productMenu {width:450px;}
.productMenu > ul > li {width:100%;}
}
@media all and (min-width:768px) and (max-width:989px) {
.productMenu {width:720px;}
.productMenu > ul > li {width:49%;}
.productMenu > ul > li > div h2 {margin:115px auto 10px auto;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.productMenu {width:940px;}
.productMenu > ul > li {height:290px;}
.productMenu > ul > li > div h2 {margin:100px auto 10px auto; font-size:35px;}
}
@media all and (min-width:1200px) {

}


/* Á¦Ç°³»¿ë */


/* Å×Å©³î·ÎÁö ºñÁÖ¾ó ¿µ¿ª*/
.TechVisual {width:100%; height:350px; background:url('../../img/images/content/visualSub05.jpg') center center no-repeat; background-size:cover;}
.TechVisual > div {width:1140px; margin:0 auto; padding-top:200px;}
.TechVisual > div h1 {text-align:center; font-size:65px; line-height:60px; color:#fff; font-weight:600; letter-spacing:3px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.TechVisual > div h2 {margin-top:40px; text-align:center; font-size:14px; color:#fff; text-shadow:0 2px 2px rgba(0,0,0,0.3); opacity:0.9;}
@media all and (max-width:479px) {
.TechVisual {height:250px; background:url('../../img/images/content/visualSub05.jpg') center 0px no-repeat; background-size:cover;}
.TechVisual > div {width:300px; padding-top:120px;}
.TechVisual > div h2 {margin-top:30px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.TechVisual {height:250px; background:url('../../img/images/content/visualSub05.jpg') center 0px no-repeat; background-size:cover;}
.TechVisual > div {width:450px; padding-top:120px;}
.TechVisual > div h2 {margin-top:30px;}
}
@media all and (min-width:768px) and (max-width:989px) {
.TechVisual {height:300px; background:url('../../img/images/content/visualSub05.jpg') center -150px no-repeat; background-size:cover;}
.TechVisual > div {width:720px; padding-top:140px}
.TechVisual > div h2 {margin-top:50px;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.TechVisual {background:url('../../img/images/content/visualSub05.jpg') center -150px no-repeat; background-size:cover;}
.TechVisual > div {width:940px;}
}
@media all and (min-width:1200px) {
}

.productArea {text-align:center;}
.productArea > h1 {width:680px; margin:0 auto; font:30px 'Nanum Myeongjo'; color:#333; letter-spacing:-3px;}
.productArea > h2 {width:700px; margin:30px auto 70px auto; font-size:15px; letter-spacing:-1px;}
.productArea > div {width:100%; height:700px; text-align:left;}
.productArea > div.rtBg1 {background:url('../../img/images/content/product_img01.jpg') center center no-repeat; background-size:cover;}
.productArea > div.rtBg2 {background:url('../../img/images/content/product_img02.jpg') center center no-repeat; background-size:cover;}
.productArea > div.rtBg3 {background:url('../../img/images/content/product_img03.jpg') center center no-repeat; background-size:cover;}
.productArea > div h1 {width:1140px; margin:0 auto; padding-top:270px;}
.productArea > div h1 p {width:580px; font:500 30px/30px 'SpoqaHanSans-Regular'; color:#fff; letter-spacing:-1px;}
.productArea > div h1 div {width:580px; padding-top:20px; font-size:16px; color:#fff; letter-spacing:-1px;}
.productArea > div h2 {width:1140px; margin:0 auto; padding-top:250px;}
.productArea > div h2 p {width:600px; margin-left:500px; font:500 30px/30px 'SpoqaHanSans-Regular'; color:#fff; letter-spacing:-1px;}
.productArea > div h2 div {width:600px; padding-top:20px; margin-left:500px; font-size:16px; color:#fff; letter-spacing:-1px;}
.productArea > div h3 {width:1140px; margin:0 auto; padding-top:300px;}
.productArea > div h3 p {width:580px; font:500 30px/30px 'SpoqaHanSans-Regular'; color:#333; letter-spacing:-1px;}
.productArea > div h3 div {width:580px; padding-top:20px; font-size:16px; color:#333; letter-spacing:-1px;}

@media all and (max-width:479px) {
.productArea > h1 {width:300px; font:22px 'Nanum Myeongjo';}
.productArea > h2 {width:300px; font-size:14px;}
.productArea > div h1 {width:300px;  padding-top:220px; text-align:center;}
.productArea > div h1 p {width:75%; margin:0 auto;}
.productArea > div h1 div {width:100%; margin:0 auto;}
.productArea > div h2 {width:300px;  padding-top:220px; text-align:center;}
.productArea > div h2 p {width:90%; margin:0 auto;}
.productArea > div h2 div {width:100%; margin:0 auto;}
.productArea > div h3 {width:300px;  padding-top:250px; text-align:center;}
.productArea > div h3 p {width:90%; margin:0 auto;}
.productArea > div h3 div {width:100%; margin:0 auto;}
}
@media all and (min-width:480px) and (max-width:767px) {
.productArea > h1 {width:450px;}
.productArea > h2 {width:450px;}
.productArea > div h1 {width:450px; text-align:center;}
.productArea > div h1 p {width:100%; margin:0 auto;}
.productArea > div h1 div {width:100%; margin:0 auto;}
.productArea > div h2 {width:450px; text-align:center;}
.productArea > div h2 p {width:100%; margin:0 auto;}
.productArea > div h2 div {width:100%; margin:0 auto;}
.productArea > div h3 {width:450px; text-align:center;}
.productArea > div h3 p {width:100%; margin:0 auto;}
.productArea > div h3 div {width:100%; margin:0 auto;}
}
@media all and (min-width:768px) and (max-width:989px) {
.productArea > h2 {width:520px;}
.productArea > div h1 {width:720px; text-align:center;}
.productArea > div h1 p {width:75%; margin:0 auto;}
.productArea > div h1 div {width:75%; margin:0 auto;}
.productArea > div h2 {width:720px; text-align:center;}
.productArea > div h2 p {width:75%; margin:0 auto;}
.productArea > div h2 div {width:75%; margin:0 auto;}
.productArea > div h3 {width:720px; text-align:center;}
.productArea > div h3 p {width:75%; margin:0 auto;}
.productArea > div h3 div {width:75%; margin:0 auto;}
}
@media all and (min-width:990px) and (max-width:1149px) {
.productArea > div h1 {width:940px;}
.productArea > div h2 {width:940px;}
.productArea > div h2 p {margin-left:400px;}
.productArea > div h2 div {margin-left:400px;}
.productArea > div h3 {width:940px;}
}
@media all and (min-width:1400px) {

}


/* ä¿ë¾È³» ºñÁÖ¾ó ¿µ¿ª*/
.RecruitVisual {width:100%; height:350px; background:url('../../img/images/content/stairway-828883_1920.jpg') center center no-repeat; background-size:cover;}
.RecruitVisual > div {width:1140px; margin:0 auto; padding-top:200px;}
.RecruitVisual > div h1 {text-align:center; font-size:65px; line-height:60px; color:#fff; font-weight:600; letter-spacing:3px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.RecruitVisual > div h2 {margin-top:40px; text-align:center; font-size:14px; color:#fff; text-shadow:0 2px 2px rgba(0,0,0,0.3); opacity:0.9;}
@media all and (max-width:479px) {
.RecruitVisual {height:250px; background:url('../../img/images/content/stairway-828883_1920.jpg') center 0px no-repeat; background-size:cover;}
.RecruitVisual > div {width:300px; padding-top:120px;}
.RecruitVisual > div h2 {margin-top:30px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.RecruitVisual {height:250px; background:url('../../img/images/content/stairway-828883_1920.jpg') center 0px no-repeat; background-size:cover;}
.RecruitVisual > div {width:450px; padding-top:120px;}
.RecruitVisual > div h2 {margin-top:30px;}
}
@media all and (min-width:768px) and (max-width:989px) {
.RecruitVisual {height:300px; background:url('../../img/images/content/stairway-828883_1920.jpg') center -150px no-repeat; background-size:cover;}
.RecruitVisual > div {width:720px; padding-top:140px}
.RecruitVisual > div h2 {margin-top:50px;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.RecruitVisual {background:url('../../img/images/content/stairway-828883_1920.jpg') center -150px no-repeat; background-size:cover;}
.RecruitVisual > div {width:940px;}
}
@media all and (min-width:1200px) {
}

/* ä¿ë¾È³» - 02 */
.recruit02 {margin:0 auto;}
.recruit02 dl {width:100%; overflow:hidden;}
.recruit02 dl dt {float:left; width:30%; padding-top:5px; font:22px/30px 'SpoqaHanSans-Regular'; color:#333; letter-spacing:-1px;}
.recruit02 dl dd {float:left; width:65%;}
.recruit02 dl dd h1 {margin-bottom:5px; font-size:16px; font-weight:bold; color:#444; letter-spacing:-1px;}
.recruit02 dl dd h1 span {color:#ff8400;}
.recruit02 dl dd h2 {margin-bottom:25px;}
.recruit02 dl dd ul {width:100%; margin-bottom:25px; overflow:hidden;}
.recruit02 dl dd ul li {padding:2px 0 2px 10px; font-size:12px; background:url('../../img/images/btnIcn/icn_dot01.gif') 0 11px no-repeat;}
.recruit02 div {margin-top:10px; padding-top:30px; border-top:#e5e5e5 1px dashed;}
.recruit02 div ul {width:100%; overflow:hidden;}
.recruit02 div ul li {padding:2px 0 2px 12px; font-size:12px; background:url('../../img/images/btnIcn/icn_dot03.gif') 0 10px no-repeat;}
.recruit02 div p {padding:5px 0 0 20px; font-size:12px; color:#e40613; background:url('../../img/images/btnIcn/icn_point1.gif') 0 11px no-repeat;}

@media all and (max-width:479px) {
.recruit02 {width:300px;}
.recruit02 dl dt {width:100%;}
.recruit02 dl dd {width:100%; margin-top:15px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.recruit02 {width:450px;}
.recruit02 dl dt {width:100%;}
.recruit02 dl dd {width:100%; margin-top:15px;}
}
@media all and (min-width:768px) and (max-width:989px) {
.recruit02 {width:720px;}
.recruit02 dl dt {width:100%;}
.recruit02 dl dd {width:100%; margin-top:15px;}
}
@media all and (min-width:990px) and (max-width:1399px) {
.recruit02 {width:100%;}
}
@media all and (min-width:1400px) {

}


/* ±Û¸ñ·Ï */  /* ¼öÁ¤ */
#container_list{width:100%;margin-bottom:80px;}
#container_list #cafe_bbs_list_table{width:100%;}
#container_list #cafe_bbs_list_table .list_cell_titles{height:40px; border-top:#808080 2px solid; border-bottom:#dadada 1px solid; background:#f9f9f9;}
#container_list #cafe_bbs_list_table .list_cell_items{}

/* ±Û¸ñ·Ï - titleWrap */  /* ¼öÁ¤ */
#container_list #cafe_blt_titleWrap{width:100%;}
#container_list #cafe_blt_titleWrap td{padding:15px 0; text-align:center;  font-size:13px; color:#333;}
#container_list #cafe_blt_titleWrap .titleWrap_cell_admin{width:50px; background:none;}
#container_list #cafe_blt_titleWrap .titleWrap_group1{width:30%;border-right:#ddd 1px solid;border-left:#ddd 1px solid;}
#container_list #cafe_blt_titleWrap .titleWrap_group2{width:20%;border-right:#ddd 1px solid;}
#container_list #cafe_blt_titleWrap .titleWrap_group3{width:40%;border-right:#ddd 1px solid;}
#container_list #cafe_blt_titleWrap .titleWrap_group4{width:10%;border-right:#ddd 1px solid;}
/*#container_list #cafe_blt_titleWrap .titleWrap_group5{width:60px;}*/
/*#container_list #cafe_blt_titleWrap .titleWrap_group6{width:60px;}*/


/* ±Û¸ñ·Ï technology - titleWrap */  /* ¼öÁ¤ */
#container_list #cafe_tech_titleWrap{width:100%;}
#container_list #cafe_tech_titleWrap td{padding:15px 0; text-align:center;}
#container_list #cafe_tech_titleWrap .titleWrap_cell_admin{width:50px; background:none;}
#container_list #cafe_tech_titleWrap .titleWrap_group1{width:7%;border-right:#ddd 1px solid;border-left:#ddd 1px solid;}
#container_list #cafe_tech_titleWrap .titleWrap_group2{width:18%;border-right:#ddd 1px solid;border-left:#ddd 1px solid;}
#container_list #cafe_tech_titleWrap .titleWrap_group3{width:75%;border-right:#ddd 1px solid;}

/* ±Û¸ñ·Ï - ÄÚ¸àÆ® °¹¼ö Ç¥½Ã */
#container_list .char_cmt_num{color:#F30;font:0.8em verdana sans-serif;padding:2px 0 2px 15px;background:url(/bizdemo32317_www/resource/skins/diprism/icon_cmt.gif) no-repeat 1% 50%;}
/* ±Û¸ñ·Ï - new ¹®ÀÚ Ç¥½Ã */    /* ¼öÁ¤ */
#container_list .char_new{color:#F30; font-family:'verdana'; font-size:11px;}
/* ±Û¸ñ·Ï - hit ¹®ÀÚ Ç¥½Ã */    /* ¼öÁ¤ */
#container_list .char_hit{color:#F30;}
/* ±Û¸ñ·Ï - image ¹®ÀÚ Ç¥½Ã */    /* ¼öÁ¤ */
#container_list .char_image{color:#F30;}

/* ±Û¸ñ·Ï ¸¶¿ì½º ¿À¹ö½Ã */
#container_list .trover{background-color:#EEE;}

/* ±Û¸ñ·Ï - Paging Line */    /* ¼öÁ¤ */
#container_list #paing_table{width:100%; margin-top:10px;}
#container_list #paing_table tr{height:27px}
#container_list #paing_table tr .ept_btn_cell{width:5%; text-align:right;}
#container_list #paing_table tr .ept_link_cell{width:95%; text-align:center;  line-height:11px;}
#container_list #paing_table tr .ept_link_cell a {display:inline-block; height:20px; margin:0 -4px 0 -4px; padding:3px 10px 0 10px; text-align:center; border:#ccc 1px solid;}
#container_list #paing_table tr .ept_link_cell a:hover {border:#5a5a5a 1px solid; background:#707070; color:#fff;}
#container_list #paing_table tr .ept_link_cell b {display:inline-block; height:20px; margin:0 -4px 0 -4px; padding:3px 10px 0 10px; text-align:center; border:#5a5a5a 1px solid; background:#707070; color:#fff; font-weight:normal;}

/* ±Û¸ñ·Ï - Search Line */    /* ¼öÁ¤ */
#container_list #ext_search{margin-top:10px; padding:10px 0; border:#ddd 1px solid; background:#f9f9f9;}
#container_list #ext_search #search_table{width:300px; margin:0 auto;}
#container_list #ext_search #search_table .est_btn_cell{width:70px;}
#container_list #ext_search #search_table .est_keyword_cell{width:175px; padding:0 10px 0 10px;}
#container_list #ext_search #search_table .est_keyword_cell input {width:99%;}
#container_list #ext_search #search_table .est_cate_cell{width:35px;}
#container_list #ext_search #search_table .keywordform{}
#container_list #ext_search #search_table .dateform{}

/* ±Û¸ñ·Ï - Category Line - ¼¿·ºÆ®Çü */
#container_list #category_sel{height:30px;}

/* ±Û¸ñ·Ï - Category Line - ¸Þ´ºÇü*/
#container_list #category_navi{height:30px;text-indent:12px;overflow:visible;}
#container_list #category_navi div{float:left;cursor:pointer;padding:7px;}
#container_list #category_navi .selected{font-weight:bold;color:#F30;background:url(/bizdemo32317_www/resource/skins/diprism/icon_arrow.gif) no-repeat 2% 40%}

/* ±Û¸ñ·Ï - Admin Line */    /* ¼öÁ¤ */
#container_list #ext_admin{margin-top:10px; padding-bottom:10px; border-bottom:#ddd 1px solid;}
#container_list #ext_admin #admin_table{width:100%;}
#container_list #ext_admin #admin_table .item_content{padding:5px;}
#container_list #ext_admin #admin_table .btn_del{}
#container_list #ext_admin #admin_table .btn_move{}
#container_list #ext_admin #admin_table .btn_copy{}

/* ±Û¸ñ·Ï - informationValue(ÀÛ¼ºÀÚ,ÀÛ¼ºÀÏ µî) */
#container_list .infor_table{width:100%;}
#container_list .infor_table .item_left{}
#container_list .infor_table .item_right{}
#container_list .infor_table .inline{font:0.85em tahoma sans-serif;}

/* ±Û¸ñ·Ï - ¸®½ºÆ®Çü */    /* ¼öÁ¤ */
#container_list .general_item_table{width:100%;}
#container_list .general_item_table tr{height:35px;}
#container_list .general_item_table td{padding:8px 0; text-align:center;  border-bottom:#ddd 1px solid;}
#container_list .general_item_table .item_cell_admin{width:50px;}
#container_list .general_item_table .item_cell_subject{text-align:left}
#container_list .general_item_table .item_group1{width:30%;border-right:#ddd 1px solid;border-left:#ddd 1px solid;}
#container_list .general_item_table .item_group2{width:20%;border-right:#ddd 1px solid;}
#container_list .general_item_table .item_group3{width:40%;border-right:#ddd 1px solid;}
#container_list .general_item_table .item_group4{width:10%;border-right:#ddd 1px solid;}
/*#container_list .general_item_table .item_group5{width:60px;}*/
/*#container_list .general_item_table .item_group6{width:60px;}*/

/* ±Û¸ñ·Ï technology - ¸®½ºÆ®Çü */    /* ¼öÁ¤ */
#container_list .general_tech_table{width:100%;}
#container_list .general_tech_table tr{height:35px;}
#container_list .general_tech_table td{padding:8px 0; text-align:center;  border-bottom:#ddd 1px solid;}
#container_list .general_tech_table .item_cell_admin{width:50px;}
#container_list .general_tech_table .item_cell_subject{text-align:left}
#container_list .general_tech_table .item_group1{width:7%;border-right:#ddd 1px solid;border-left:#ddd 1px solid;}
#container_list .general_tech_table .item_group2{width:18%;border-right:#ddd 1px solid;border-left:#ddd 1px solid;}
#container_list .general_tech_table .item_group3{width:75%;border-right:#ddd 1px solid;}


#container_list .general_tech_table .item_group3 ul li{padding-left:20px;padding-bottom:5px;}
#container_list .general_tech_table .item_group3 .topline{padding-left:10px;padding-bottom:10px;}
#container_list .general_tech_table .item_group3 .step2{padding-left:20px;padding-bottom:10px;}
#container_list .general_tech_table .item_group3 .step3{padding-left:30px;padding-bottom:10px;}
#container_list .general_tech_table .item_group3 .step4{padding-left:40px;padding-bottom:10px;}
#container_list .general_tech_table .item_group3 .step5{padding-left:50px;padding-bottom:10px;}
#container_list .general_tech_table .item_group3 .step6{padding-left:60px;padding-bottom:10px;}
/*#container_list .general_item_table .item_group5{width:60px;}*/
/*#container_list .general_item_table .item_group6{width:60px;}*/

/* ¸®½ºÆ®Çü - ¦¼öÁÙ */    /* ¼öÁ¤ */
#container_list .general_item_table .item-line-0{background-color:#FFF;}
/* ¸®½ºÆ®Çü - Ȧ¼öÁÙ */
#container_list .general_item_table .item-line-1{background-color:#FFF;}

/* ±Û¸ñ·Ï - FAQÇü */
#container_list .faq_item_table{width:100%}
#container_list .faq_item_table td{padding:5px;}
#container_list .faq_item_table .item_cell_admin{width:5%;text-align:center;}
#container_list .faq_item_table .item_cell_cate{width:10%;text-align:center;border-right:1px solid #EEE;}
#container_list .faq_item_table .item_cell_subject{width:85%;}

/* FAQÇü - ¦¼öÁÙ */
#container_list .faq_item_table .item-line-0{background-color: #F6F6F6;}
/* FAQÇü - Ȧ¼öÁÙ */
#container_list .faq_item_table .item-line-1{background-color: #FFF;}

/* ±Û¸ñ·Ï - ¿ä¾àÇü */
#container_list .summ_item_table{width:100%;}
#container_list .summ_item_table .item_cell_subject{padding:5px;}
#container_list .summ_item_table .item_cell_content{padding:5px;color:#AAA;font:0.7em verdana sans-serif;}
#container_list .summ_item_table .item_cell_infor{padding:5px;text-align:right;}

/* ¿ä¾àÇü - ¦¼öÁÙ */
#container_list .summ_item_table.item-line-0{background-color:#F6F6F6;}
/* ¿ä¾àÇü - Ȧ¼öÁÙ */
#container_list .summ_item_table.item-line-1{background-color:#FFF;}

/* ±Û¸ñ·Ï - ¿ä¾àÇü split line */
#container_list .summ_item_table_split{width:100%}
#container_list .summ_item_table_split tr{height:1px;overflow:hidden;}
#container_list .summ_item_table_split .cell_left{width:1%;}
#container_list .summ_item_table_split .cell_center{width:98%;background-color:#EEE;}
#container_list .summ_item_table_split .cell_right{width:1%;}

/* ±Û¸ñ·Ï - À¥ÁøÇü */
#container_list .web_item_table{width:100%;}
#container_list .web_item_table td{padding:5px;}
#container_list .web_item_table .item_cell_media{width:20%;text-align:center;}
#container_list .web_item_table .item_cell_main{width:80%;}
#container_list .web_item_table .wit_item_table{width:100%;}
#container_list .web_item_table .wit_item_table td{padding:5px;}
#container_list .web_item_table .wit_item_table .item_cell_subject{}
#container_list .web_item_table .wit_item_table .item_cell_content{color:#AAA;font:0.7em verdana sans-serif;}
#container_list .web_item_table .wit_item_table .item_cell_infor{text-align:right;}

/* À¥ÁøÇü - ¦¼öÁÙ */
#container_list .web_item_table.item-line-0{background-color:#F6F6F6;}
/* À¥ÁøÇü - Ȧ¼öÁÙ */
#container_list .web_item_table.item-line-1{background-color:#FFF;}

/* ±Û¸ñ·Ï - À¥ÁøÇü split line */
#container_list .web_item_table_split{width:100%}
#container_list .web_item_table_split tr{height:1px;overflow:hidden;}
#container_list .web_item_table_split .cell_left{width:1%;}
#container_list .web_item_table_split .cell_center{width:98%;background-color:#EEE;}
#container_list .web_item_table_split .cell_right{width:1%;}

/* ±Û¸ñ·Ï - °¶·¯¸®Çü */
#container_list .gallery_item_table{float:left; width:23%; margin:1% 1%;}
#container_list .gallery_item_table .item_cell_top_margin{height:5px;}
#container_list .gallery_item_table .item_cell_foot_margin{height:5px;}
#container_list .gallery_item_table .item_cell_media{text-align:center;}
#container_list .gallery_item_table .item_cell_media img {width:100%; height:100%; padding:0px;}
#container_list .gallery_item_table .item_cell_subject{text-align:center; padding:10px 5px 5px 5px; font-size:14px; }
#container_list .gallery_item_table .item_cell_infor{}
#container_list .gallery_item_table .item_cell_infor .infor_table{width:100%}
#container_list .gallery_item_table .item_cell_infor .infor_table .item_left{width:50%;font:0.7em verdana sans-serif;text-align:right;padding-right:3px;}
#container_list .gallery_item_table .item_cell_infor .infor_table .item_right{width:50%;font:0.7em verdana sans-serif;color:#AAA;}

/* ±Û¸ñ·Ï - °¶·¯¸®Çü split line */
#container_list .gallery_item_table_split{width:100%}
#container_list .gallery_item_table_split tr{height:1px;overflow:hidden;}
#container_list .gallery_item_table_split .cell_left{width:1%;}
#container_list .gallery_item_table_split .cell_center{width:98%;background-color:#EEE;}
#container_list .gallery_item_table_split .cell_right{width:1%;}

/* ±Ûº¸±â */    /* ¼öÁ¤ */
#container_view{width:100%;}
#container_view #cafe_bbs_view_table{width:100%;}
#container_view #cafe_bbs_view_table .view_cell_main{border:1px solid #ddd;}
#container_view #cafe_bbs_view_table .view_cell_rate{}
#container_view #cafe_bbs_view_table .view_cell_comm_action{}
#container_view #cafe_bbs_view_table .view_cell_comm{}
#container_view #cafe_bbs_view_table .view_cell_comm_list{}

/* ±Ûº¸±â - ¸ÞÀÎ */    /* ¼öÁ¤ */
#container_view #cafe_bbs_view_table #view_main_table{width:100%;}
#container_view #cafe_bbs_view_table #view_main_table .item_cell_subject{width:15%; height:30px; padding-right:15px; text-align:right;  font-family:'Malgun Gothic'; color:#000; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f9f9f9;}
#container_view #cafe_bbs_view_table #view_main_table .item_cell_value{width:85%; padding-left:15px; font-family:'Malgun Gothic'; border-bottom:1px solid #ddd;}
#container_view #cafe_bbs_view_table #view_main_table .item_cell_content{padding:15px; font-family:'Malgun Gothic'; border-bottom:1px solid #ddd;}

/* ±Ûº¸±â - ÅõÇ¥ */
#container_view #cafe_bbs_view_table #view_rate_table{width:100%}
#container_view #cafe_bbs_view_table #view_rate_table .rate_theme{height:28px;text-indent:17px;font-weight:bold;border-top:1px solid #EEE;background:url(/bizdemo32317_www/resource/skins/diprism/icon_square.gif) no-repeat 5px 40%;}
#container_view #cafe_bbs_view_table #view_rate_table .rate_instance{}
#container_view #cafe_bbs_view_table #view_rate_table .rate_instance .instance_star{text-align:center;padding:5px;}
#container_view #cafe_bbs_view_table #view_rate_table .rate_instance .instance_item{}
#container_view #cafe_bbs_view_table #view_rate_table .rate_instance .instance_btn{padding:5px;text-align:right;}

#container_view #cafe_bbs_view_table #view_rate_table #rate_result_table{width:100%}
#container_view #cafe_bbs_view_table #view_rate_table #rate_result_table td{padding:3px;}
#container_view #cafe_bbs_view_table #view_rate_table #rate_result_table .item_exam{text-align:right;}
#container_view #cafe_bbs_view_table #view_rate_table #rate_result_table .item_graph{width:80%;}
#container_view #cafe_bbs_view_table #view_rate_table #rate_result_table .item_num{width:10%;}
#container_view #cafe_bbs_view_table #view_rate_table #rate_result_table .item_foot{padding:5px;text-align:right;border-top:1px solid #EEE;border-bottom:1px solid #EEE;}

#container_view #cafe_bbs_view_table #view_rate_table #rate_result_table .rate_graph{height:12px;background-color:#F30;}
#container_view #cafe_bbs_view_table #view_rate_table #rate_result_table .char_rate{color:#AAA;}
#container_view #cafe_bbs_view_table #view_rate_table #rate_result_table .char_total{color:#F30;font-weight:bold;}

/* ±Ûº¸±â - ÄÚ¸àÆ® ±Û¾²±â */
#container_view #cafe_bbs_view_table #view_comm_table{width:100%}
#container_view #cafe_bbs_view_table #view_comm_table td{padding:6px;background-color:#F6F6F6;font:0.65em verdana sans-serif;}
#container_view #cafe_bbs_view_table #view_comm_table .item_cell_top_margin{height:5px;}
#container_view #cafe_bbs_view_table #view_comm_table .item_cell_foot_margin{height:5px;}
#container_view #cafe_bbs_view_table #view_comm_table .item_cell_subject{width:10%;}
#container_view #cafe_bbs_view_table #view_comm_table .item_cell_value{width:90%;}
#container_view #cafe_bbs_view_table #view_comm_table .item_cell_content{}
#container_view #cafe_bbs_view_table #view_comm_table .item_cell_char{}
#container_view #cafe_bbs_view_table #view_comm_table .item_cell_btn{text-align:center}
#container_view #cafe_bbs_view_table #view_comm_table .input_name{}
#container_view #cafe_bbs_view_table #view_comm_table .input_pass{}
#container_view #cafe_bbs_view_table #view_comm_table .input_textarea{width:100%;overflow:auto}
#container_view #cafe_bbs_view_table #view_comm_table .input_char{font:0.9em verdana sans-serif !important;}

/* ±Ûº¸±â - ÄÚ¸àÆ® ¸®½ºÆ® */
#container_view #cafe_bbs_view_table .view_comm_list_table{width:100%}
#container_view #cafe_bbs_view_table .view_comm_list_table td{padding:6px;background-color:#F6F6F6;}
#container_view #cafe_bbs_view_table .view_comm_list_table .item_cell_top_margin{height:5px}
#container_view #cafe_bbs_view_table .view_comm_list_table .item_cell_foot_margin{height:5px}
#container_view #cafe_bbs_view_table .view_comm_list_table .item_cell_subject{height:30px;}
#container_view #cafe_bbs_view_table .view_comm_list_table .item_cell_content{}

#container_view #cafe_bbs_view_table .view_comm_list_table .cmt_name_area{font-weight:bold;}
#container_view #cafe_bbs_view_table .view_comm_list_table .cmt_date_area{font:0.8em verdana sans-serif;}
#container_view #cafe_bbs_view_table .view_comm_list_table .cmt_btn_area{}

/* ±Ûº¸±â - ÄÚ¸àÆ® ¸®½ºÆ® split line */
#container_view #cafe_bbs_view_table .view_comm_list_table_split{width:100%}
#container_view #cafe_bbs_view_table .view_comm_list_table_split tr{height:1px;overflow:hidden;}
#container_view #cafe_bbs_view_table .view_comm_list_table_split .cell_left{width:1%;}
#container_view #cafe_bbs_view_table .view_comm_list_table_split .cell_center{width:98%;background-color:#EEE;}
#container_view #cafe_bbs_view_table .view_comm_list_table_split .cell_right{width:1%;}

/* ±Ûº¸±â - ¹öÆ° ¿µ¿ª */    /* ¼öÁ¤ */
#container_view #cafe_bbs_view_table #view_btn_table{width:100%}
#container_view #cafe_bbs_view_table #view_btn_table td{padding:10px 0 10px 0;}
#container_view #cafe_bbs_view_table #view_btn_table .left_area{width:40%;}
#container_view #cafe_bbs_view_table #view_btn_table .right_area{width:60%;text-align:right;}

/* ±Û¾²±â */    /* ¼öÁ¤ */
#container_write{width:100%;}
#container_write #cafe_bbs_write_table{width:100%;}
#container_write #cafe_bbs_write_table .write_cell_main{}
#container_write #cafe_bbs_write_table .write_cell_btn{}

/* ±Û¾²±â - ¸ÞÀÎ */    /* ¼öÁ¤ */
#container_write #cafe_bbs_write_table #write_main_table{width:100%; border:1px solid #ddd;}
#container_write #cafe_bbs_write_table #write_main_table .item_cell_subject{width:15%; height:30px; padding-right:15px; text-align:right;  font-family:'Malgun Gothic'; color:#000; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f9f9f9;}
#container_write #cafe_bbs_write_table #write_main_table .item_cell_value{width:85%; padding-left:15px; font-family:'Malgun Gothic'; border-bottom:1px solid #ddd;}
#container_write #cafe_bbs_write_table #write_main_table .item_cell_content{padding:15px; font-family:'Malgun Gothic'; border-bottom:1px solid #ddd}
#container_write #cafe_bbs_write_table #write_main_table .input_form{width:90%;}
#container_wrtie #cafe_bbs_write_table #write_main_table .input_colorpick{}
#container_write #cafe_bbs_write_table #write_main_table .input_textarea{}

/* ±Û¾²±â - ¹öÆ° ¿µ¿ª */
#container_write #cafe_bbs_write_table #write_btn_table{width:100%;}
#container_write #cafe_bbs_write_table #write_btn_table tr{height:35px;}
#container_write #cafe_bbs_write_table #write_btn_table .left_area{width:80%;}
#container_write #cafe_bbs_write_table #write_btn_table .right_area{width:20%; text-align:right;}

/* ÇöÀç ¼±ÅÃÇÑ ±Û */
#container_list .curr_article{background-color:#FFFFFF !important;}

/* ETC */
.clear{clear:both;height:0;overflow:hidden;}
.public_input{border:1px solid #DDD;}
.public_btn{border:1px solid #EEE;background-color:#FFF;}
.split_line{height:1px;background-color:#EEE;overflow:hidden;}
#container_list form, #container_view form, #container_write form{margin:0;padding:0;}
#container_list select, #container_view select, #container_write select{font:0.9em verdana sans-serif;color:#FFF;background-color:#000;}

p{
margin:0;
padding:0;
}

/* µ¿¹Ù¸® Formwork  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ºñÁÖ¾ó ¿µ¿ª */
.formworkVisual {width:100%; height:350px; background:url('../../img/images/content/fractal-1120769_1920.jpg') center center no-repeat; background-size:cover;}
.formworkVisual > div {width:1140px; margin:0 auto; padding-top:200px;}
.formworkVisual > div h1 {text-align:center; font-size:55px; line-height:60px; color:#fff; font-weight:600; letter-spacing:3px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.formworkVisual > div h2 {margin-top:40px; text-align:center; font-size:14px; color:#fff; text-shadow:0 2px 2px rgba(0,0,0,0.3); opacity:0.9;}
@media all and (max-width:479px) {
.formworkVisual {height:250px; background:url('../../img/images/content/fractal-1120769_1920.jpg') center 0px no-repeat; background-size:cover;}
.formworkVisual > div {width:300px; padding-top:120px;}
.formworkVisual > div h1 {text-align:center; font-size:25px; line-height:60px; color:#fff; font-weight:600; letter-spacing:3px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.formworkVisual > div h2 {margin-top:30px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.formworkVisual {height:250px; background:url('../../img/images/content/fractal-1120769_1920.jpg') center 0px no-repeat; background-size:cover;}
.formworkVisual > div {width:450px; padding-top:120px;}
.formworkVisual > div h1 {text-align:center; font-size:35px; line-height:60px; color:#fff; font-weight:600; letter-spacing:3px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.formworkVisual > div h2 {margin-top:30px;}
}
@media all and (min-width:768px) and (max-width:989px) {
.formworkVisual {height:300px; background:url('../../img/images/content/fractal-1120769_1920.jpg') center -150px no-repeat; background-size:cover;}
.formworkVisual > div {width:720px; padding-top:140px}
.formworkVisual > div h1 {text-align:center; font-size:35px; line-height:60px; color:#fff; font-weight:600; letter-spacing:3px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.formworkVisual > div h2 {margin-top:50px;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.formworkVisual {background:url('../../img/images/content/fractal-1120769_1920.jpg') center -150px no-repeat; background-size:cover;}
.formworkVisual > div {width:940px;}
}
@media all and (min-width:1200px) {
}


/* µ¿¹Ù¸®¼Ò°³ - 02 */
.formwork02 {margin:0 auto;}
.formwork02 p img {width:100%; overflow:hidden;margin-bottom:15px;}
.formwork02 dl {width:100%; overflow:hidden;}
.formwork02 dl dt {float:left; width:100%; padding-top:5px; font:22px/30px 'SpoqaHanSans-Regular'; color:#333; letter-spacing:-1px;}
.formwork02 dl dd {float:left; width:70%;}
.formwork02 dl dd h1 {margin-bottom:5px; font-size:16px; font-weight:bold; color:#444; letter-spacing:-1px;}
.formwork02 dl dd h1 span {color:#ff8400;}
.formwork02 dl dd h2 {margin-bottom:25px;}
.formwork02 dl dd ul {width:100%; margin-bottom:25px; overflow:hidden;}
.formwork02 dl dd ul li {padding:2px 0 2px 10px; font-size:12px; background:url('../../img/images/btnIcn/icn_dot01.gif') 0 11px no-repeat;}
.formwork02 div {margin-top:10px; padding-top:30px; border-top:#e5e5e5 1px dashed;}
.formwork02 div ul {width:100%; overflow:hidden;}
.formwork02 div ul li {padding:2px 0 2px 12px; font-size:12px; background:url('../../img/images/btnIcn/icn_dot03.gif') 0 10px no-repeat;}
.formwork02 div p {padding:5px 0 0 20px; font-size:12px; color:#e40613; background:url('../../img/images/btnIcn/icn_point1.gif') 0 11px no-repeat;}


@media all and (max-width:479px) {
.formwork02 {width:300px;}
.formwork02 dl dt {width:100%;}
.formwork02 dl dd {width:100%; margin-top:15px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.formwork02 {width:450px;}
.formwork02 dl dt {width:100%;}
.formwork02 dl dd {width:100%; margin-top:15px;}
}
@media all and (min-width:768px) and (max-width:989px) {
.formwork02 {width:720px;}
.formwork02 dl dt {width:100%;}
.formwork02 dl dd {width:100%; margin-top:15px;}
}
@media all and (min-width:990px) and (max-width:1399px) {
.formwork02 {width:100%;}
}
@media all and (min-width:1400px) {

}

/* µ¿¹Ù¸®¼Ò°³ - 03 */
.formwork03 {width:1140px; margin:0 auto;}
.formwork03 dl {width:100%; overflow:hidden;}
.formwork03 dl dt {float:left; width:25%; padding-top:5px; font:22px/30px 'SpoqaHanSans-Regular'; color:#333; letter-spacing:-1px;}
.formwork03 dl dd {float:left; width:70%;}
.formwork03 dl dd h1 {margin-bottom:5px; font-size:16px; font-weight:bold; color:#444; letter-spacing:-1px;}
.formwork03 dl dd h1 span {color:#ff8400;}
.formwork03 dl dd h2 {margin-bottom:25px;}
.formwork03 dl dd ul {width:100%; margin-bottom:25px; overflow:hidden;}
.formwork03 dl dd ul li {padding:2px 0 2px 10px; font-size:12px; background:url('../../img/images/btnIcn/icn_dot01.gif') 0 11px no-repeat;}
.formwork03 div {margin-top:10px; padding-top:30px; border-top:#e5e5e5 1px dashed;}
.formwork03 div ul {width:100%; overflow:hidden;}
.formwork03 div ul li {padding:2px 0 2px 12px; font-size:12px; background:url('../../img/images/btnIcn/icn_dot03.gif') 0 10px no-repeat;}
.formwork03 div p {padding:5px 0 0 20px; font-size:12px; color:#e40613; background:url('../../img/images/btnIcn/icn_point1.gif') 0 11px no-repeat;}

@media all and (max-width:479px) {
.formwork03 {width:300px;}
.formwork03 dl dt {width:100%;}
.formwork03 dl dd {width:100%; margin-top:15px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.formwork03 {width:450px;}
.formwork03 dl dt {width:100%;}
.formwork03 dl dd {width:100%; margin-top:15px;}
}
@media all and (min-width:768px) and (max-width:989px) {
.formwork03 {width:720px;}
.formwork03 dl dt {width:100%;}
.formwork03 dl dd {width:100%; margin-top:15px;}
}
@media all and (min-width:990px) and (max-width:1399px) {
.formwork03 {width:100%;}
}
@media all and (min-width:1400px) {

}

/* °í°´¼¾ÅÍ ºñÁÖ¾ó ¿µ¿ª*/
.SupportVisual {width:100%; height:350px; background:url('../../img/images/content/visualSub03.jpg') center center no-repeat; background-size:cover;}
.SupportVisual > div {width:1140px; margin:0 auto; padding-top:200px;}
.SupportVisual > div h1 {text-align:center; font-size:65px; line-height:60px; color:#fff; font-weight:600; letter-spacing:3px; text-shadow:0 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
.SupportVisual > div h2 {margin-top:40px; text-align:center; font-size:14px; color:#fff; text-shadow:0 2px 2px rgba(0,0,0,0.3); opacity:0.9;}
@media all and (max-width:479px) {
.SupportVisual {height:250px; background:url('../../img/images/content/visualSub03.jpg') center 0px no-repeat; background-size:cover;}
.SupportVisual > div {width:300px; padding-top:120px;}
.SupportVisual > div h2 {margin-top:30px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.SupportVisual {height:250px; background:url('../../img/images/content/visualSub03.jpg') center 0px no-repeat; background-size:cover;}
.SupportVisual > div {width:450px; padding-top:120px;}
.SupportVisual > div h2 {margin-top:30px;}
}
@media all and (min-width:768px) and (max-width:989px) {
.SupportVisual {height:300px; background:url('../../img/images/content/visualSub03.jpg') center -150px no-repeat; background-size:cover;}
.SupportVisual > div {width:720px; padding-top:140px}
.SupportVisual > div h2 {margin-top:50px;}
}
@media all and (min-width:990px) and (max-width:1199px) {
.SupportVisual {background:url('../../img/images/content/visualSub03.jpg') center -150px no-repeat; background-size:cover;}
.SupportVisual > div {width:940px;}
}
@media all and (min-width:1200px) {
}


/* ±Û¸ñ·Ï */  /* ¼öÁ¤ */
#container_list{width:100%;margin-bottom:30px;}
#container_list p img {width:100%; overflow:hidden;}
#container_list #formwork_list_table{width:100%;}
#container_list #formwork_list_table .list_formwork_titles{height:40px; border-top:#808080 2px solid; border-bottom:#dadada 1px solid; background:#f9f9f9;}
#container_list #formwork_list_table .list_formwork_items{}

/* °³¿ä - title */  /* ¼öÁ¤ */
#container_list #formwork_titleOne{width:100%;}
#container_list #formwork_titleOne td{padding:15px 0; text-align:center;  font-size:13px; color:#333; }
#container_list #formwork_titleOne .titleWrap_group1{width:*;}


/* ±Û¸ñ·Ï - titleWrap */  /* ¼öÁ¤ */
#container_list #formwork_titleWrap{width:100%;}
#container_list #formwork_titleWrap td{padding:15px 0; text-align:center;  font-size:13px; color:#333;}
#container_list #formwork_titleWrap .titleWrap_cell_admin{width:50px; background:none;}
#container_list #formwork_titleWrap .titleWrap_group1{width:30%;border-right:#ddd 1px solid;border-left:#ddd 1px solid;}
#container_list #formwork_titleWrap .titleWrap_group2{width:70%;border-right:#ddd 1px solid;}

#container_list #formwork_titleWrap .titleWrap_Pgroup1{width:25%;border-right:#ddd 1px solid;border-left:#ddd 1px solid;}
#container_list #formwork_titleWrap .titleWrap_Pgroup2{width:25%;border-right:#ddd 1px solid;}
#container_list #formwork_titleWrap .titleWrap_Pgroup3{width:25%;border-right:#ddd 1px solid;}
#container_list #formwork_titleWrap .titleWrap_Pgroup4{width:25%;border-right:#ddd 1px solid;}

/* ±Û¸ñ·Ï - ¸®½ºÆ®Çü */    /* ¼öÁ¤ */
#container_list .formwork_item_table{width:100%;}
#container_list .formwork_item_table tr{height:35px;}
#container_list .formwork_item_table td{padding:8px 0; text-align:center;  border-bottom:#ddd 1px solid;}
#container_list .formwork_item_table .item_cell_admin{width:50px;}
#container_list .formwork_item_table .item_cell_subject{text-align:left}
#container_list .formwork_item_table .item_group1{width:30%;border-right:#ddd 1px solid;border-left:#ddd 1px solid;}
#container_list .formwork_item_table .item_group2{width:70%;border-right:#ddd 1px solid;text-align:left;padding-left:15px;}

#container_list .formwork_item_table .item_Pgroup1{width:25%;border-right:#ddd 1px solid;border-left:#ddd 1px solid;}
#container_list .formwork_item_table .item_Pgroup2{width:25%;border-right:#ddd 1px solid;text-align:center;padding-left:0px;}
#container_list .formwork_item_table .item_Pgroup3{width:25%;border-right:#ddd 1px solid;text-align:center;padding-left:0px;}
#container_list .formwork_item_table .item_Pgroup4{width:25%;border-right:#ddd 1px solid;text-align:center;padding-left:0px;}

/* ¸®½ºÆ®Çü - ¦¼öÁÙ */    /* ¼öÁ¤ */
#container_list .formwork_item_table .item-line-0{background-color:#FFF;}
/* ¸®½ºÆ®Çü - Ȧ¼öÁÙ */
#container_list .formwork_item_table .item-line-1{background-color:#FFF;}


#container_list .formwork_list_text p {padding:5px 0 0 20px; font-size:12px; color:#e40613; background:url('../../img/images/btnIcn/icn_point1.gif') 0 11px no-repeat;}






/* ±Û¸ñ·Ï - ÄÚ¸àÆ® °¹¼ö Ç¥½Ã */
#container_list .char_cmt_num{color:#F30;font:0.8em verdana sans-serif;padding:2px 0 2px 15px;background:url(/bizdemo32317_www/resource/skins/diprism/icon_cmt.gif) no-repeat 1% 50%;}
/* ±Û¸ñ·Ï - new ¹®ÀÚ Ç¥½Ã */    /* ¼öÁ¤ */
#container_list .char_new{color:#F30; font-family:'verdana'; font-size:11px;}
/* ±Û¸ñ·Ï - hit ¹®ÀÚ Ç¥½Ã */    /* ¼öÁ¤ */
#container_list .char_hit{color:#F30;}
/* ±Û¸ñ·Ï - image ¹®ÀÚ Ç¥½Ã */    /* ¼öÁ¤ */
#container_list .char_image{color:#F30;}

/* ±Û¸ñ·Ï ¸¶¿ì½º ¿À¹ö½Ã */
#container_list .trover{background-color:#EEE;}

/* ±Û¸ñ·Ï - Paging Line */    /* ¼öÁ¤ */
#container_list #paing_table{width:100%; margin-top:10px;}
#container_list #paing_table tr{height:27px}
#container_list #paing_table tr .ept_btn_cell{width:5%; text-align:right;}
#container_list #paing_table tr .ept_link_cell{width:95%; text-align:center;  line-height:11px;}
#container_list #paing_table tr .ept_link_cell a {display:inline-block; height:20px; margin:0 -4px 0 -4px; padding:3px 10px 0 10px; text-align:center; border:#ccc 1px solid;}
#container_list #paing_table tr .ept_link_cell a:hover {border:#5a5a5a 1px solid; background:#707070; color:#fff;}
#container_list #paing_table tr .ept_link_cell b {display:inline-block; height:20px; margin:0 -4px 0 -4px; padding:3px 10px 0 10px; text-align:center; border:#5a5a5a 1px solid; background:#707070; color:#fff; font-weight:normal;}

/* ±Û¸ñ·Ï - Search Line */    /* ¼öÁ¤ */
#container_list #ext_search{margin-top:10px; padding:10px 0; border:#ddd 1px solid; background:#f9f9f9;}
#container_list #ext_search #search_table{width:300px; margin:0 auto;}
#container_list #ext_search #search_table .est_btn_cell{width:70px;}
#container_list #ext_search #search_table .est_keyword_cell{width:175px; padding:0 10px 0 10px;}
#container_list #ext_search #search_table .est_keyword_cell input {width:99%;}
#container_list #ext_search #search_table .est_cate_cell{width:35px;}
#container_list #ext_search #search_table .keywordform{}
#container_list #ext_search #search_table .dateform{}

/* ±Û¸ñ·Ï - Category Line - ¼¿·ºÆ®Çü */
#container_list #category_sel{height:30px;}

/* ±Û¸ñ·Ï - Category Line - ¸Þ´ºÇü*/
#container_list #category_navi{height:30px;text-indent:12px;overflow:visible;}
#container_list #category_navi div{float:left;cursor:pointer;padding:7px;}
#container_list #category_navi .selected{font-weight:bold;color:#F30;background:url(/bizdemo32317_www/resource/skins/diprism/icon_arrow.gif) no-repeat 2% 40%}

/* ±Û¸ñ·Ï - Admin Line */    /* ¼öÁ¤ */
#container_list #ext_admin{margin-top:10px; padding-bottom:10px; border-bottom:#ddd 1px solid;}
#container_list #ext_admin #admin_table{width:100%;}
#container_list #ext_admin #admin_table .item_content{padding:5px;}
#container_list #ext_admin #admin_table .btn_del{}
#container_list #ext_admin #admin_table .btn_move{}
#container_list #ext_admin #admin_table .btn_copy{}

/* ±Û¸ñ·Ï - informationValue(ÀÛ¼ºÀÚ,ÀÛ¼ºÀÏ µî) */
#container_list .infor_table{width:100%;}
#container_list .infor_table .item_left{}
#container_list .infor_table .item_right{}
#container_list .infor_table .inline{font:0.85em tahoma sans-serif;}



/* ±Û¸ñ·Ï - FAQÇü */
#container_list .faq_item_table{width:100%}
#container_list .faq_item_table td{padding:5px;}
#container_list .faq_item_table .item_cell_admin{width:5%;text-align:center;}
#container_list .faq_item_table .item_cell_cate{width:10%;text-align:center;border-right:1px solid #EEE;}
#container_list .faq_item_table .item_cell_subject{width:85%;}

/* FAQÇü - ¦¼öÁÙ */
#container_list .faq_item_table .item-line-0{background-color: #F6F6F6;}
/* FAQÇü - Ȧ¼öÁÙ */
#container_list .faq_item_table .item-line-1{background-color: #FFF;}

/* ±Û¸ñ·Ï - ¿ä¾àÇü */
#container_list .summ_item_table{width:100%;}
#container_list .summ_item_table .item_cell_subject{padding:5px;}
#container_list .summ_item_table .item_cell_content{padding:5px;color:#AAA;font:0.7em verdana sans-serif;}
#container_list .summ_item_table .item_cell_infor{padding:5px;text-align:right;}

/* ¿ä¾àÇü - ¦¼öÁÙ */
#container_list .summ_item_table.item-line-0{background-color:#F6F6F6;}
/* ¿ä¾àÇü - Ȧ¼öÁÙ */
#container_list .summ_item_table.item-line-1{background-color:#FFF;}

/* ±Û¸ñ·Ï - ¿ä¾àÇü split line */
#container_list .summ_item_table_split{width:100%}
#container_list .summ_item_table_split tr{height:1px;overflow:hidden;}
#container_list .summ_item_table_split .cell_left{width:1%;}
#container_list .summ_item_table_split .cell_center{width:98%;background-color:#EEE;}
#container_list .summ_item_table_split .cell_right{width:1%;}

/* ±Û¸ñ·Ï - À¥ÁøÇü */
#container_list .web_item_table{width:100%;}
#container_list .web_item_table td{padding:5px;}
#container_list .web_item_table .item_cell_media{width:20%;text-align:center;}
#container_list .web_item_table .item_cell_main{width:80%;}
#container_list .web_item_table .wit_item_table{width:100%;}
#container_list .web_item_table .wit_item_table td{padding:5px;}
#container_list .web_item_table .wit_item_table .item_cell_subject{}
#container_list .web_item_table .wit_item_table .item_cell_content{color:#AAA;font:0.7em verdana sans-serif;}
#container_list .web_item_table .wit_item_table .item_cell_infor{text-align:right;}

/* À¥ÁøÇü - ¦¼öÁÙ */
#container_list .web_item_table.item-line-0{background-color:#F6F6F6;}
/* À¥ÁøÇü - Ȧ¼öÁÙ */
#container_list .web_item_table.item-line-1{background-color:#FFF;}

/* ±Û¸ñ·Ï - À¥ÁøÇü split line */
#container_list .web_item_table_split{width:100%}
#container_list .web_item_table_split tr{height:1px;overflow:hidden;}
#container_list .web_item_table_split .cell_left{width:1%;}
#container_list .web_item_table_split .cell_center{width:98%;background-color:#EEE;}
#container_list .web_item_table_split .cell_right{width:1%;}

/* ±Û¸ñ·Ï - °¶·¯¸®Çü */
#container_list .gallery_item_table{float:left; width:23%; margin:1% 1%;}
#container_list .gallery_item_table .item_cell_top_margin{height:5px;}
#container_list .gallery_item_table .item_cell_foot_margin{height:5px;}
#container_list .gallery_item_table .item_cell_media{text-align:center;}
#container_list .gallery_item_table .item_cell_media img {width:100%; height:100%; padding:0px;}
#container_list .gallery_item_table .item_cell_subject{text-align:center; padding:10px 5px 5px 5px; font-size:14px; }
#container_list .gallery_item_table .item_cell_infor{}
#container_list .gallery_item_table .item_cell_infor .infor_table{width:100%}
#container_list .gallery_item_table .item_cell_infor .infor_table .item_left{width:50%;font:0.7em verdana sans-serif;text-align:right;padding-right:3px;}
#container_list .gallery_item_table .item_cell_infor .infor_table .item_right{width:50%;font:0.7em verdana sans-serif;color:#AAA;}

/* ±Û¸ñ·Ï - °¶·¯¸®Çü split line */
#container_list .gallery_item_table_split{width:100%}
#container_list .gallery_item_table_split tr{height:1px;overflow:hidden;}
#container_list .gallery_item_table_split .cell_left{width:1%;}
#container_list .gallery_item_table_split .cell_center{width:98%;background-color:#EEE;}
#container_list .gallery_item_table_split .cell_right{width:1%;}