/* CSS ÃʱâÈ­ */
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, a, p, del, dfn, em, img, ins, kbd, q, samp, small, strong, 
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, nav, section ,article{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:12px;
  font-family:'³ª´®°íµñ', NanumGothic, 'Nanum Gothic',arial, Helvetica, AppleGothic, sans-serif;
  vertical-align:baseline;  
}
a:link {text-decoration:none; color:#333;}
a:visited {text-decoration:none; color:#333;}
a:active {text-decoration:none; color:#333;}
a:hover {text-decoration:none; color:#333;}

html, body { width: 100%; height: 100%; margin: 0; padding: 0; outline: 0; border: 0; }

table { border-collapse: collapse; border-spacing: 0; }
input{ outline-style:none;} , textarea{ outline-style:none;}
input,select{
	font-size:12px;
	font-family:'³ª´®°íµñ', NanumGothic, 'Nanum Gothic',arial, Helvetica, AppleGothic, sans-serif;
	color:#3d3d3d;
	border:1px solid #bbb;
}

img { max-width: 100%; vertical-align: middle; }
img,embed,object,video { max-width: 100%; }
img,fieldset,iframe{border:0 none}
br{letter-spacing:0px;}
header, footer, aside, section, article,div { display:block; }
div,ul,li{margin:0;padding:0;list-style:none;display:block}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/*À̹ÌÁö ½½¶óÀÌ´õ CSS*/
.bx-mainSl {position:relative;}
.bx-mainSl .bx-pager{position:absolute; bottom:20px; right:50%; z-index:100; margin-right:-42px;}
.bx-mainSl .bx-pager .bx-pager-item{display:inline-block; margin:0 2px; z-index:90;}
.bx-mainSl .bx-pager.bx-default-pager a{background-image:url('/img/main/play_off.png'); width:24px; height:24px; display:block; }
.bx-mainSl .bx-pager.bx-default-pager a.active {
	background-image: url('/img/main/play_on.png'); width:24px; height:24px; display:block;
}
.bx-mainSl .bx-prev {left: 30px; background: url('/img/main/button_left.png') no-repeat ; background-size:35px 35px;}
.bx-mainSl .bx-next {right: 30px; background: url('/img/main/button_right.png') no-repeat ; background-size:35px 35px;}
.bx-mainSl .bx-prev:hover {background-position: 0 0;}
.bx-mainSl .bx-next:hover {background-position: 0 0;}
.bx-mainSl .bx-controls-direction a { position: absolute; top: 50%; margin-top: 0;	outline: 0;	width: 35px; height: 35px; text-indent: -9999px; z-index: 90;}
.bx-mainSl .bx-controls-direction a.disabled {display: none;}

/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/



/* Mobile Device */
@media all and (min-width:0px) and (max-width:479px) {

	/* »ó´Ü ¸Þ´º ½ºÅ©¸³Æ® ½ÃÀÛ - °øÅë */
	.header {width:100%; height:100px; background-color:#000; position:absolute; top:0; left:0; z-index:99;}
	.header .headerInner {margin:0 auto; max-width:1200px; position:relative;}
	.header .headerInner:after {content:''; display:block; clear:both;}
	.header .headerInner > div.topL {float:left; padding:35px 0 0 0;}
	.header .headerInner > div.topR {float:right;}

	.header .headerInner > div.topL > h1 {padding:0 0 0 30px;}

	.header .headerInner > div.topR .mainNavi_btn {display:block; width:30px; height:40px; position:relative; padding:45px 0px 0 0; margin:0 30px 0 0;}
	.header .headerInner > div.topR .mainNavi_btn .Navibar {position:absolute; width:100%; height:2px; background-color:#fff; transition:all 0.3s ease;}
	.header .headerInner > div.topR .mainNavi_btn .Navibar:before{position:absolute; content:''; display:block; width:100%; height:2px; background-color:#fff; top:-8px; transition:all 0.3s ease;}
	.header .headerInner > div.topR .mainNavi_btn .Navibar:after {position:absolute; content:''; display:block; width:100%; height:2px; background-color:#fff; top:8px; transition:all 0.3s ease;}

	/* Á¦ÀÌÄõ¸® Ãß°¡ ºÎºÐ XºÎºÐ¸¸µé±â */
	.header .headerInner > div.topR .mainNavi_btn .trans {background-color:transparent; transition:all 0.3s ease;}
	.header .headerInner > div.topR .mainNavi_btn .trans:before {display:block; content:''; position:absolute; top:0; left:0; transform:rotate(-45deg); transition:all 0.3s ease; transition:all 0.3s ease;}
	.header .headerInner > div.topR .mainNavi_btn .trans:after {display:block; content:''; position:absolute; top:0; left:0; transform:rotate(45deg); transition:all 0.3s ease; transition:all 0.3s ease;}


	.header .headerInner > div.topR > ul {display:none; width:100%; position:absolute; top:100px; left:0; background-color:#000; border-top:1px solid #282828;}
	.header .headerInner > div.topR > ul > li {}
	.header .headerInner > div.topR > ul > li:hover {background-color:#ffd8a1;}
	.header .headerInner > div.topR > ul > li > a {color:#fff; display:block; padding:15px 0 15px 10px; transition:all 0.3s ease;}
	.header .headerInner > div.topR > ul > li:hover > a {color:#000;}
	.header .headerInner > div.topR > ul > li > p {color:#fff; display:block; padding:15px 0 15px 10px; transition:all 0.3s ease;}
	.header .headerInner > div.topR > ul > li:hover > p {color:#000;}

	.header .headerInner > div.topR > ul > li > ul {display:none;}	
	.header .headerInner > div.topR > ul > li > ul.on {display:block; background-color:#282828;}
	.header .headerInner > div.topR > ul > li > ul > li > a {display:block; padding:15px 0 15px 20px; color:#fff;}
	.header .headerInner > div.topR > ul > li > ul > li > a:hover {color:#ffd8a1;}
	/* »ó´Ü ¸Þ´º ½ºÅ©¸³Æ® ³¡ - °øÅë */

	/* ½½¶óÀÌ´õ ºÎºÐ - °øÅë */
	.main_cont {width:100%; height:100%; position:relative;}
	
	.bx-mainSl {width:100%; height:100%;}
	.bx-mainSl .bx-viewport {width:100%; height:100% !important;}
	.bx-mainSl .bx-viewport .mainSl {width:100%; height:100%;}
	.bx-mainSl .bx-viewport .mainSl > li {width:100%; height:100%;}
	.bx-mainSl .bx-viewport .mainSl > li.mainSl_img01 {background-image:url('/img/main/main_bg01.gif');background-size:cover; background-repeat:no-repeat; background-position:center;}
	.bx-mainSl .bx-viewport .mainSl > li.mainSl_img02 {background-image:url('/img/main/main_bg01-2.gif');background-size:cover; background-repeat:no-repeat; background-position:center;}
	.bx-mainSl .bx-viewport .mainSl > li.mainSl_img03 {background-image:url('/img/main/main_bg01-3.gif');background-size:cover; background-repeat:no-repeat; background-position:center;}
	.bx-mainSl .bx-viewport .mainSl > li > img {width:100%; height:100%;}


	/* ½½¶óÀÌ´õ À§ ³»¿ëºÎºÐ */
	.main_cont .main_box {position:absolute; top:50%; left:50%; z-index:80; margin:-60px 0 0 -150px;}
	.main_cont .main_box .main_box_inner {position:relaiver;}
	.main_cont .main_box .main_box_inner > img {width:300px;}
	.main_cont .main_box .main_box_inner .port {width:200px; height:30px; line-height:30px; background-color:#ffd8a1; position:absolute; top:57%; left:50%; margin:-20px 0 0 -100px; transition:all 0.3s ease;}
	.main_cont .main_box .main_box_inner .port > a {display:block; text-align:center; color:#000; font-weight:bold; transition:all 0.3s ease;}
	.main_cont .main_box .main_box_inner .port:hover {background-color:#292929;}
	.main_cont .main_box .main_box_inner .port:hover > a {color:#fff;}

	.main_cont .main_box .main_box_inner .mouse {position:absolute; width:50px; height:50px; top:68%; left:50%; margin:0px 0 0 -25px; cursor:pointer; background-image:url('/img/main/mouse_bg.png'); background-size:50px 50px;}
	.main_cont .main_box .main_box_inner .mouse > img {width:100%;}
	.main_cont .main_box .main_box_inner .mouse > .mouseInner {position:relative;}
	.main_cont .main_box .main_box_inner .mouse > .mouseInner > .mousepoint {position:absolute; top:10px; left:15px;}
	.main_cont .main_box .main_box_inner .mouse > .mouseInner > .mousepoint > img {width:20px;}

	/* ¸ÞÀÎ Æ÷Æ®Æú¸®¿À ºÎºÐ */
	.main_portpolio {width:100%;}
	.main_portpolio .main_portpolio_inner {max-width:479px; margin:0 auto;}
	.main_portpolio .main_portpolio_inner .desc_tit {padding:70px 0; text-align:center;}
	.main_portpolio .main_portpolio_inner .pol_tit {padding:10px 0; border-top:1px solid #282828; border-bottom:1px solid #282828; text-align:center; font-size:1.667rem;}

	.main_portpolio .main_portpolio_inner ul.pol_list {}
	.main_portpolio .main_portpolio_inner ul.pol_list:after {content:''; display:block; clear:both;}
	.main_portpolio .main_portpolio_inner ul.pol_list > li.pol_list_box {float:left; width:100%; padding:20px 10px; box-sizing:border-box;}
	.main_portpolio .main_portpolio_inner ul.pol_list > li.pol_list_box > a {display:block;}
	.main_portpolio .main_portpolio_inner ul.pol_list > li.pol_list_box > a > div {position:relative;}
	.main_portpolio .main_portpolio_inner ul.pol_list > li.pol_list_box > a > div > img {width:100%;}
	.main_portpolio .main_portpolio_inner ul.pol_list > li.pol_list_box:hover > a > div > div.imgbg {transition:all 0.3s ease;}
	.main_portpolio .main_portpolio_inner ul.pol_list > li.pol_list_box:hover > a > div > div.imgbg {position:absolute; width:100%; height:100%; top:0; left:0; background-color:rgba(255,255,255,0.6);}
	.main_portpolio .main_portpolio_inner ul.pol_list > li.pol_list_box > a > p {text-align:center; padding:18px 0 0 0; font-size:1.167rem; font-weight:bold;}

	.main_portpolio .main_portpolio_inner .more_portfolio {width:240px; height:50px; line-height:50px; background-color:#ffd8a1; color:#000; border:1px solid #282828; margin:20px auto; transition:all 0.3s ease; text-align:center; color:#000; display:block; cursor:pointer;}
	.main_portpolio .main_portpolio_inner .more_portfolio:hover {background-color:#292929; color:#ffd8a1; cursor:pointer;}



	.footer {width:100%; height:300px; background-image:url('/img/main/main_bg02.gif'); background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
	.footer .footerInner {width:100%; height:180px; background-color:rgba(0,0,0,0.4); position:absolute; bottom:0; padding:10px 0 0 10px; box-sizing: border-box; }
	.footer .footerInner:after {content:''; display:block; clear:both;}
	.footer .footerInner .footerL {float:left; width:20%; padding-top:5px;}
	.footer .footerInner .footerL > a {display:block; text-align:center;}
	.footer .footerInner .footerR {float:right; width:80%;}
	.footer .footerInner .footerR > span {display:inline-block; color:#fff; margin:5px 10px}
	.footer .footerInner .footerR > span > a {color:#fff;}
	.footer .footerInner .footerR > span.social > a > img{width:25px;}
	.footer .footerInner .footerR > span.social > img{width:25px;}

	/* Sub ÆäÀÌÁö CSS */
	
	/* °øÅë */
	.style1 {font-size:2rem; color:#ffd8a1; font-weight:bold;}
	.main_style2 {font-size:2rem; color:#fff; padding-top:80px; font-weight:bold;}
	.main_style3 {font-size:2rem; font-weight:bold;}

	.subNavibar {position:absolute; top:120px; right:3%; color:#fff;}
    .subTopText {display:table-cell; vertical-align:middle; text-align:center;}
	.subTopText > p {color:#fff; font-size:1.333rem; padding:5px 0;}	

	/* sub01-1.asp */
	.subTopBg {width:100%; height:700px; background-image:url('/img/sub/sub1-1_img1.jpg'); background-repeat:no-repeat; background-position:center center; display:table; position:relative;}

	.subcont01 {width:100%; height:350px;}
	.subcont01 .subContInner {max-width:1200px; margin:0 auto;}
	.subcont01 .subContInner .tit {text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0; margin:50px 0; font-size:1.5rem;}
	.subcont01 .subContInner > p {text-align:center; padding:10px 0; font-size:1rem; line-height:19px;}
	.subcont01 .subContInner > p > span {font-size:1.167rem; font-weight:bold;}

	.subbg01 {width:100%; height:300px; background-image:url('/img/sub/sub1-1_img2.jpg'); background-repeat:no-repeat; background-position:center center; display:table;}
	.subbg01 .subbg01_Inner {display:table-cell; vertical-align:middle; text-align:center;}
	.subbg01 .subbg01_Inner > p {color:#fff; font-size:1.167rem; line-height:1.667rem;}

	.subcont02 {width:100%; height:300px; display:table;}
	.subcont02 .subContInner02 {max-width:1200px; margin:0 auto; display:table-cell; vertical-align:middle; text-align:center;}
	.subcont02 .subContInner02 > p {text-align:center; padding:8px 0; font-size:1.167rem}
	.subcont02 .subContInner02 > p > span {font-size:1.5rem; display:block; padding:10px 0 0 0; font-weight:bold;}

	/* sub01-2.asp */
	
	.sub01-2_topBg {width:100%; height:700px; background-image:url('/img/sub/sub1-2_img.jpg'); background-repeat:no-repeat; background-position:center center; display:table; position:relative;}
	
	.mapWrap {width:100%; height:750px;}
	.mapWrap .mapInner {max-width:820px; margin:0 auto;}
	.mapWrap .mapInner .tit {text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0; margin:80px 0 30px 0; font-size:1.667rem;}
	.mapWrap .mapInner > .map {width:98%; margin:0 auto;}
	.mapWrap .mapInner > .map > iframe {width:100%; height:400px;}
	.mapWrap .mapInner > .map > ul{margin:30px 0; padding:10px 0; border-top:1px solid #333; border-bottom:1px solid #333;}	
	.mapWrap .mapInner > .map > ul > li{width:100%; font-size:1rem; padding:5px 0;}
	.mapWrap .mapInner > .map > ul > li > img {margin:0 5px; width:40px; height:40px;}

	.root_daum_roughmap .wrap_map{height:300px !important;}
	/* sub02-1.asp */
	.sub02-1_topBg {width:100%; height:400px; background-image:url('/img/sub/sub2_img.jpg'); background-repeat:no-repeat; background-position:center center; display:table; position:relative;}

	.estWrap {width:100%;}
	.estWrap .estInner {max-width:1200px; margin:0 auto;}
	.estWrap .estInner .tit {text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0; margin:50px 0 30px 0; font-size:1.667rem;}
	.estWrap .estInner .callBox {margin:0 0 30px 20px;}
	.estWrap .estInner .callBox > p {font-size:1.167rem; font-weight:bold; color:#373737;}

	.estWrap .estInner .subInner_cont_bo .subInner_cont_bo_desc {text-align:right; padding:0 30px 5px 0;}
	
	/* sub03-1.asp */
	.sub03-1_topBg {width:100%; height:400px; background-image:url('/img/sub/sub3_img.jpg'); background-repeat:no-repeat; background-position:center center; display:table; position:relative;}
	
	.pol_navi {width:95%; margin:0 auto 20px;}
	.pol_navi > ul:after {content:''; display:block; clear:both;}
	.pol_navi > ul {width:100%;}
	.pol_navi > ul > li {float:left; width:16.6%; box-sizing:border-box; padding:0 2px; height:35px; line-height:35px; transition:all 0.3s ease;}
	.pol_navi > ul > li > a {display:block; color:#fff; text-align:center;  transition:all 0.3s ease; background-color:#333; font-size:0.9167rem}	
	.pol_navi > ul > li:hover > a {color:#000; background-color:#ffd8a1;}
	
	.pol_navi > ul > li.por_on > a {color:#000; background-color:#ffd8a1;}

	/* sub04-1.asp */
	.sub04-1_topBg {width:100%; height:400px; background-image:url('/img/sub/sub4_img.jpg'); background-repeat:no-repeat; background-position:center center; display:table; position:relative;}

	/* sub05-1.asp */
	.sub05-1_topBg {width:100%; height:400px; background-image:url('/img/sub/sub5_img.jpg'); background-repeat:no-repeat; background-position:center center; display:table; position:relative;}


}

/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/

/* Tablet Device */
@media all and (min-width:480px) and (max-width:819px) {

	/* »ó´Ü ¸Þ´º ½ºÅ©¸³Æ® ½ÃÀÛ - °øÅë */
	.header {width:100%; height:100px; background-color:#000; position:absolute; top:0; left:0; z-index:99;}
	.header .headerInner {margin:0 auto; max-width:1200px; position:relative;}
	.header .headerInner:after {content:''; display:block; clear:both;}
	.header .headerInner > div.topL {float:left; padding:35px 0 0 0;}
	.header .headerInner > div.topR {float:right;}

	.header .headerInner > div.topL > h1 {padding:0 0 0 30px;}

	.header .headerInner > div.topR .mainNavi_btn {display:block; width:30px; height:40px; position:relative; padding:45px 0px 0 0; margin:0 30px 0 0;}
	.header .headerInner > div.topR .mainNavi_btn .Navibar {position:absolute; width:100%; height:2px; background-color:#fff; transition:all 0.3s ease;}
	.header .headerInner > div.topR .mainNavi_btn .Navibar:before{position:absolute; content:''; display:block; width:100%; height:2px; background-color:#fff; top:-8px; transition:all 0.3s ease;}
	.header .headerInner > div.topR .mainNavi_btn .Navibar:after {position:absolute; content:''; display:block; width:100%; height:2px; background-color:#fff; top:8px; transition:all 0.3s ease;}

	/* Á¦ÀÌÄõ¸® Ãß°¡ ºÎºÐ XºÎºÐ¸¸µé±â */
	.header .headerInner > div.topR .mainNavi_btn .trans {background-color:transparent; transition:all 0.3s ease;}
	.header .headerInner > div.topR .mainNavi_btn .trans:before {display:block; content:''; position:absolute; top:0; left:0; transform:rotate(-45deg); transition:all 0.3s ease;}
	.header .headerInner > div.topR .mainNavi_btn .trans:after {display:block; content:''; position:absolute; top:0; left:0; transform:rotate(45deg); transition:all 0.3s ease;}

	.header .headerInner > div.topR > ul {display:none; width:100%; position:absolute; top:100px; left:0; background-color:#000; border-top:1px solid #282828;}
	.header .headerInner > div.topR > ul > li {}
	.header .headerInner > div.topR > ul > li:hover {background-color:#ffd8a1;}
	.header .headerInner > div.topR > ul > li > a {color:#fff; display:block; padding:15px 0 15px 10px; transition:all 0.3s ease;}
	.header .headerInner > div.topR > ul > li:hover > a {color:#000;}
	.header .headerInner > div.topR > ul > li > p {color:#fff; display:block; padding:15px 0 15px 10px; transition:all 0.3s ease;}
	.header .headerInner > div.topR > ul > li:hover > p {color:#000;}

	.header .headerInner > div.topR > ul > li > ul {display:none;}
	/*.header .headerInner > div.topR > ul > li:hover > ul {display:block;}*/
	.header .headerInner > div.topR > ul > li > ul.on {display:block; background-color:#282828;}
	.header .headerInner > div.topR > ul > li > ul > li > a {display:block; padding:15px 0 15px 20px; color:#fff;}
	.header .headerInner > div.topR > ul > li > ul > li > a:hover {color:#ffd8a1;}
	/* »ó´Ü ¸Þ´º ½ºÅ©¸³Æ® ³¡ - °øÅë */

	/* ½½¶óÀÌ´õ ºÎºÐ - °øÅë */
	.main_cont {width:100%; height:100%; position:relative;}
	
	.bx-mainSl {width:100%; height:100%;}
	.bx-mainSl .bx-viewport {width:100%; height:100% !important;}
	.bx-mainSl .bx-viewport .mainSl {width:100%; height:100%;}
	.bx-mainSl .bx-viewport .mainSl > li {width:100%; height:100%;}
	.bx-mainSl .bx-viewport .mainSl > li.mainSl_img01 {background-image:url('/img/main/main_bg01.gif');background-size:cover; background-repeat:no-repeat; background-position:center;}
	.bx-mainSl .bx-viewport .mainSl > li.mainSl_img02 {background-image:url('/img/main/main_bg01-2.gif');background-size:cover; background-repeat:no-repeat; background-position:center;}
	.bx-mainSl .bx-viewport .mainSl > li.mainSl_img03 {background-image:url('/img/main/main_bg01-3.gif');background-size:cover; background-repeat:no-repeat; background-position:center;}
	.bx-mainSl .bx-viewport .mainSl > li > img {width:100%; height:100%;}
	
	/* ½½¶óÀÌ´õ À§ ³»¿ëºÎºÐ */
	.main_cont .main_box {position:absolute; top:50%; left:50%; z-index:80; margin:-150px 0 0 -250px;}
	.main_cont .main_box .main_box_inner {position:relaiver;}
	.main_cont .main_box .main_box_inner > img {width:500px;}
	.main_cont .main_box .main_box_inner .port {width:200px; height:40px; line-height:40px; background-color:#ffd8a1; position:absolute; top:55%; left:50%; margin:-20px 0 0 -100px; transition:all 0.3s ease;}
	.main_cont .main_box .main_box_inner .port > a {display:block; text-align:center; color:#000; font-weight:bold; transition:all 0.3s ease;}
	.main_cont .main_box .main_box_inner .port:hover {background-color:#292929;}
	.main_cont .main_box .main_box_inner .port:hover > a {color:#fff;}

	.main_cont .main_box .main_box_inner .mouse {position:absolute; width:100px; height:100px; top:68%; left:50%; margin:0px 0 0 -50px; cursor:pointer; background-image:url('/img/main/mouse_bg.png'); background-size:100px 100px;}
	.main_cont .main_box .main_box_inner .mouse > img {width:100%;}
	.main_cont .main_box .main_box_inner .mouse > .mouseInner {position:relative;}
	.main_cont .main_box .main_box_inner .mouse > .mouseInner > .mousepoint {position:absolute; top:25px; left:35px;}
	.main_cont .main_box .main_box_inner .mouse > .mouseInner > .mousepoint > img {}

	
	/* ¸ÞÀÎ Æ÷Æ®Æú¸®¿À ºÎºÐ */
	.main_portpolio {width:100%;}
	.main_portpolio .main_portpolio_inner {max-width:819px; margin:0 auto;}
	.main_portpolio .main_portpolio_inner .desc_tit {padding:100px 0; text-align:center;}
	.main_portpolio .main_portpolio_inner .pol_tit {padding:10px 0; border-top:1px solid #282828; border-bottom:1px solid #282828; text-align:center; font-size:1.667rem;}

	.main_portpolio .main_portpolio_inner ul.pol_list {}
	.main_portpolio .main_portpolio_inner ul.pol_list:after {content:''; display:block; clear:both;}
	.main_portpolio .main_portpolio_inner ul.pol_list > li.pol_list_box {float:left; width:50%; padding:20px 10px; box-sizing:border-box;}
	.main_portpolio .main_portpolio_inner ul.pol_list > li.pol_list_box > a {display:block;}
	.main_portpolio .main_portpolio_inner ul.pol_list > li.pol_list_box > a > div {position:relative;}
	.main_portpolio .main_portpolio_inner ul.pol_list > li.pol_list_box > a > div > img {width:100%;}
	.main_portpolio .main_portpolio_inner ul.pol_list > li.pol_list_box:hover > a > div > div.imgbg {transition:all 0.3s ease;}
	.main_portpolio .main_portpolio_inner ul.pol_list > li.pol_list_box:hover > a > div > div.imgbg {position:absolute; width:100%; height:100%; top:0; left:0; background-color:rgba(255,255,255,0.6);}
	.main_portpolio .main_portpolio_inner ul.pol_list > li.pol_list_box > a > p {text-align:center; padding:18px 0 0 0; font-size:1.167rem; font-weight:bold;}

	.main_portpolio .main_portpolio_inner .more_portfolio {width:240px; height:50px; line-height:50px; background-color:#ffd8a1; color:#000; border:1px solid #282828; margin:20px auto; text-align:center; color:#000; transition:all 0.3s ease;}
	.main_portpolio .main_portpolio_inner .more_portfolio:hover {background-color:#292929; color:#ffd8a1; cursor:pointer;}
	
	.footer {width:100%; height:300px; background-image:url('/img/main/main_bg02.gif'); background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
	.footer .footerInner {width:100%; height:140px; background-color:rgba(0,0,0,0.4); position:absolute; bottom:0; padding:10px 0 0 40px; box-sizing: border-box; }
	.footer .footerInner:after {content:''; display:block; clear:both;}
	.footer .footerInner .footerL {float:left; width:20%; padding-top:5px;}
	.footer .footerInner .footerL > a {display:block; text-align:center;}
	.footer .footerInner .footerR {float:right; width:80%;}
	.footer .footerInner .footerR > span {display:inline-block; color:#fff; margin:5px 10px}
	.footer .footerInner .footerR > span > a {color:#fff;}
	.footer .footerInner .footerR > span.social > a > img{width:25px;}
	.footer .footerInner .footerR > span.social > img{width:25px;}
	
	/* Sub ÆäÀÌÁö CSS */
	
	/* °øÅë */
	.style1 {font-size:2.5rem; color:#ffd8a1; font-weight:bold;}
	.main_style2 {font-size:2.5rem; color:#fff; padding-top:80px; font-weight:bold;}
	.main_style3 {font-size:2.5rem; font-weight:bold;}

	.subNavibar {position:absolute; top:120px; right:3%; color:#fff;}
    .subTopText {display:table-cell; vertical-align:middle; text-align:center;}
	.subTopText > p {color:#fff; font-size:1.666rem; padding:5px 0;}

	/* sub01-1.asp */
	.subTopBg {width:100%; height:960px; background-image:url('/img/sub/sub1-1_img1.jpg'); background-repeat:no-repeat; background-position:center center; display:table; position:relative;}

	.subcont01 {width:100%; height:240px;}
	.subcont01 .subContInner {max-width:1200px; margin:0 auto;}
	.subcont01 .subContInner .tit {text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0; margin:50px 0; font-size:1.667rem;}
	.subcont01 .subContInner > p {text-align:center; padding:3px 0; font-size:1.083rem}
	.subcont01 .subContInner > p > span {font-size:1.167rem; font-weight:bold;}

	.subbg01 {width:100%; height:300px; background-image:url('/img/sub/sub1-1_img2.jpg'); background-repeat:no-repeat; background-position:center center; display:table;}
	.subbg01 .subbg01_Inner {display:table-cell; vertical-align:middle; text-align:center;}
	.subbg01 .subbg01_Inner > p {color:#fff; font-size:1.666rem;}

	.subcont02 {width:100%; height:240px; display:table;}
	.subcont02 .subContInner02 {max-width:1200px; margin:0 auto; display:table-cell; vertical-align:middle; text-align:center;}
	.subcont02 .subContInner02 > p {text-align:center; padding:5px 0; font-size:1.333rem;}
	.subcont02 .subContInner02 > p > span {font-size:1.667rem; display:block; padding:20px 0 0 0; font-weight:bold;}


	/* sub01-2.asp */
	
	.sub01-2_topBg {width:100%; height:960px; background-image:url('/img/sub/sub1-2_img.jpg'); background-repeat:no-repeat; background-position:center center; display:table; position:relative;}
		
	.mapWrap {width:100%; height:900px;}
	.mapWrap .mapInner {max-width:820px; margin:0 auto;}
	.mapWrap .mapInner .tit {text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0; margin:80px 0 30px 0; font-size:1.667rem;}
	.mapWrap .mapInner > .map {width:98%; margin:0 auto;}
	.mapWrap .mapInner > .map > iframe {width:100%; height:600px;}
	.mapWrap .mapInner > .map > ul{margin:30px 0; padding:10px 0; border-top:1px solid #333; border-bottom:1px solid #333;}
	.mapWrap .mapInner > .map > ul:after {content:''; display:block; clear:both;}
	.mapWrap .mapInner > .map > ul > li{float:left; width:33.3%; text-align:center; font-size:1rem}
	.mapWrap .mapInner > .map > ul > li > img {margin:0 5px; width:40px; height:40px;}

	/* sub02-1.asp */
	.sub02-1_topBg {width:100%; height:400px; background-image:url('/img/sub/sub2_img.jpg'); background-repeat:no-repeat; background-position:center center; display:table; position:relative;}

	.estWrap {width:100%;}
	.estWrap .estInner {max-width:1200px; margin:0 auto;}
	.estWrap .estInner .tit {text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0; margin:50px 0 30px 0; font-size:1.667rem;}
	.estWrap .estInner .callBox {margin:0 0 30px 20px;}
	.estWrap .estInner .callBox > p {font-size:1.167rem; font-weight:bold; color:#373737;}

	.estWrap .estInner .subInner_cont_bo .subInner_cont_bo_desc {text-align:right; padding:0 30px 5px 0;}

	.root_daum_roughmap .wrap_map{height:450px !important;}
	
	/* sub03-1.asp */
	.sub03-1_topBg {width:100%; height:400px; background-image:url('/img/sub/sub3_img.jpg'); background-repeat:no-repeat; background-position:center center; display:table; position:relative;}
	
	.pol_navi {width:90%; margin:0 auto 20px;}
	.pol_navi > ul:after {content:''; display:block; clear:both;}
	.pol_navi > ul {width:100%;}
	.pol_navi > ul > li {float:left; width:16.6%; box-sizing:border-box; padding:0 5px; height:35px; line-height:35px; transition:all 0.3s ease;}
	.pol_navi > ul > li > a {display:block; color:#fff; text-align:center;  transition:all 0.3s ease; background-color:#333;}	
	.pol_navi > ul > li:hover > a {color:#000; background-color:#ffd8a1;}
	
	.pol_navi > ul > li.por_on > a {color:#000; background-color:#ffd8a1;}

	/* sub04-1.asp */
	.sub04-1_topBg {width:100%; height:400px; background-image:url('/img/sub/sub4_img.jpg'); background-repeat:no-repeat; background-position:center center; display:table; position:relative;}

	/* sub05-1.asp */
	.sub05-1_topBg {width:100%; height:400px; background-image:url('/img/sub/sub5_img.jpg'); background-repeat:no-repeat; background-position:center center; display:table; position:relative;}

}


/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************************************/

/* Desktop Device */
@media all and (min-width:820px) {

	.header {width:100%; height:100px; background-color:#000; position:absolute; top:0; left:0; z-index:99;}
	.header .headerInner {margin:0 auto; max-width:1200px;}
	.header .headerInner:after {content:''; display:block; clear:both;}
	.header .headerInner > div.topL {float:left; padding:35px 0 0 0;}
	.header .headerInner > div.topR {float:right;}
	
	.header .headerInner > div.topL > h1 {padding:0 0 0 30px;}

	.header .headerInner > div.topR .mainNavi_btn {display:none;}
	.header .headerInner > div.topR > ul {display:block !important;}
	.header .headerInner > div.topR > ul:after {content:''; display:block; clear:both;}
	.header .headerInner > div.topR > ul > li {float:left; width:128px; height:100px; line-height:100px; transition:all 0.3s ease;}
	.header .headerInner > div.topR > ul > li > a {color:#fff; font-size:1.333rem; display:block; text-align:center; transition:all 0.3s ease;}
	.header .headerInner > div.topR > ul > li > p {color:#fff; font-size:1.333rem; display:block; text-align:center; transition:all 0.3s ease;}

	.header .headerInner > div.topR > ul > li:hover {background-color:#ffd8a1;}
	.header .headerInner > div.topR > ul > li:hover > a {color:#000;}
	.header .headerInner > div.topR > ul > li:hover > p {color:#000;}
	
	.header .headerInner > div.topR > ul > li > ul {display:none; transition:all 0.3s ease;}
	/*.header .headerInner > div.topR > ul > li:hover > ul {display:block;}*/
	.header .headerInner > div.topR > ul > li > ul.on {display:block;}

	.header .headerInner > div.topR > ul > li > ul > li {height:50px; background-color:#292929; line-height:50px; text-align:center;}
	.header .headerInner > div.topR > ul > li > ul > li > a {display:block; color:#fff; transition:all 0.3s ease;}
	.header .headerInner > div.topR > ul > li > ul > li:hover > a {color:#ffd8a1;}



	/*À̹ÌÁö ½½¶óÀÌ´õ CSS*/
	.bx-mainSl {position:relative;}
	.bx-mainSl .bx-pager{position:absolute; bottom:20px; right:50%; z-index:100; margin-right:-42px;}
	.bx-mainSl .bx-pager .bx-pager-item{display:inline-block; margin:0 2px; z-index:90;}
	.bx-mainSl .bx-pager.bx-default-pager a{background-image:url('/img/main/play_off.png'); width:24px; height:24px; display:block; }
	.bx-mainSl .bx-pager.bx-default-pager a.active {
		background-image: url('/img/main/play_on.png'); width:24px; height:24px; display:block;
	}

	/*À̹ÌÁö½½¶óÀÌ´õ Á¿ì¹öÆ° ¼³Á¤*/
	.bx-mainSl .bx-prev {left: 30px; background: url('/img/main/button_left.png') no-repeat ;}
	.bx-mainSl .bx-next {right: 30px; background: url('/img/main/button_right.png') no-repeat ;}

	.bx-mainSl .bx-prev:hover {background-position: 0 0;}
	.bx-mainSl .bx-next:hover {background-position: 0 0;}

	.bx-mainSl .bx-controls-direction a { position: absolute; top: 50%; margin-top: 0;	outline: 0;	width: 78px; height: 78px; text-indent: -9999px; z-index: 90;}
	.bx-mainSl .bx-controls-direction a.disabled {display: none;}



	.main_cont {width:100%; height:100%; position:relative;}
	
	/* ½½¶óÀÌ´õ ºÎºÐ */
	.bx-mainSl {width:100%; height:100%;}
	.bx-mainSl .bx-viewport {width:100%; height:100% !important;}
	.bx-mainSl .bx-viewport .mainSl {width:100%; height:100%;}
	.bx-mainSl .bx-viewport .mainSl > li {width:100%; height:100%;}
	.bx-mainSl .bx-viewport .mainSl > li.mainSl_img01 {background-image:url('/img/main/main_bg01.gif');background-size:cover; background-repeat:no-repeat; background-position:center;}
	.bx-mainSl .bx-viewport .mainSl > li.mainSl_img02 {background-image:url('/img/main/main_bg01-2.gif');background-size:cover; background-repeat:no-repeat; background-position:center;}
	.bx-mainSl .bx-viewport .mainSl > li.mainSl_img03 {background-image:url('/img/main/main_bg01-3.gif');background-size:cover; background-repeat:no-repeat; background-position:center;}
	.bx-mainSl .bx-viewport .mainSl > li > img {width:100%; height:100%;}

	/* ½½¶óÀÌ´õ À§ ³»¿ëºÎºÐ */
	.main_cont .main_box {position:absolute; top:50%; left:50%; z-index:80; margin:-225px 0 0 -360px;}
	.main_cont .main_box .main_box_inner {position:relaiver;}
	.main_cont .main_box .main_box_inner > img {width:720px;}
	.main_cont .main_box .main_box_inner .port {width:200px; height:40px; line-height:40px; background-color:#ffd8a1; position:absolute; top:55%; left:50%; margin:-20px 0 0 -100px; transition:all 0.3s ease;}
	.main_cont .main_box .main_box_inner .port > a {display:block; text-align:center; color:#000; font-weight:bold; transition:all 0.3s ease;}
	.main_cont .main_box .main_box_inner .port:hover {background-color:#292929;}
	.main_cont .main_box .main_box_inner .port:hover > a {color:#fff;}

	.main_cont .main_box .main_box_inner .mouse {position:absolute; width:100px; height:100px; top:68%; left:50%; margin:0px 0 0 -50px; cursor:pointer;background-image:url('/img/main/mouse_bg.png'); background-size:100px 100px;}
	.main_cont .main_box .main_box_inner .mouse > img {width:100%;}
	.main_cont .main_box .main_box_inner .mouse > .mouseInner {position:relative;}
	.main_cont .main_box .main_box_inner .mouse > .mouseInner > .mousepoint {position:absolute; top:25px; left:35px;}
	.main_cont .main_box .main_box_inner .mouse > .mouseInner > .mousepoint > img {}


	/* ¸ÞÀÎ Æ÷Æ®Æú¸®¿À ºÎºÐ */
	.main_portpolio {width:100%;}
	.main_portpolio .main_portpolio_inner {max-width:1200px; margin:0 auto;}
	.main_portpolio .main_portpolio_inner .desc_tit {padding:100px 0; text-align:center;}
	.main_portpolio .main_portpolio_inner .pol_tit {padding:10px 0; border-top:1px solid #282828; border-bottom:1px solid #282828; text-align:center; font-size:1.667rem;}

	.main_portpolio .main_portpolio_inner ul.pol_list {}
	.main_portpolio .main_portpolio_inner ul.pol_list:after {content:''; display:block; clear:both;}
	.main_portpolio .main_portpolio_inner ul.pol_list > li.pol_list_box {float:left; width:33.3%; padding:20px 10px; box-sizing:border-box;}
	.main_portpolio .main_portpolio_inner ul.pol_list > li.pol_list_box > a {display:block;}
	.main_portpolio .main_portpolio_inner ul.pol_list > li.pol_list_box > a > div {position:relative;}
	.main_portpolio .main_portpolio_inner ul.pol_list > li.pol_list_box > a > div > img {width:100%;}
	.main_portpolio .main_portpolio_inner ul.pol_list > li.pol_list_box:hover > a > div > div.imgbg {transition:all 0.3s ease;}
	.main_portpolio .main_portpolio_inner ul.pol_list > li.pol_list_box:hover > a > div > div.imgbg {position:absolute; width:100%; height:100%; top:0; left:0; background-color:rgba(255,255,255,0.6);}
	.main_portpolio .main_portpolio_inner ul.pol_list > li.pol_list_box > a > p {text-align:center; padding:18px 0 0 0; font-weight:bold; font-size:1.167rem}

	.main_portpolio .main_portpolio_inner .more_portfolio {width:240px; height:50px; line-height:50px; background-color:#ffd8a1; color:#000; border:1px solid #282828; margin:20px auto; text-align:center; color:#000; transition:all 0.3s ease;}
	.main_portpolio .main_portpolio_inner .more_portfolio:hover {background-color:#292929; color:#ffd8a1; cursor:pointer;}

	.footer {width:100%; height:300px; background-image:url('/img/main/main_bg02.gif'); background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
	.footer .footerInner {width:100%; height:140px; background-color:rgba(0,0,0,0.4); position:absolute; bottom:0; padding: 55px; box-sizing: border-box; }
	.footer .footerInner:after {content:''; display:block; clear:both;}
	.footer .footerInner .footerL {float:left; width:20%; padding-top:5px;}
	.footer .footerInner .footerL > a {display:block; text-align:center;}
	.footer .footerInner .footerR {float:right; width:80%;}
	.footer .footerInner .footerR > span {display:inline-block; color:#fff; margin:5px 10px}
	.footer .footerInner .footerR > span > a {color:#fff;}
	.footer .footerInner .footerR > span.social > a > img{width:25px;}
	.footer .footerInner .footerR > span.social > img{width:25px;}

	/* Sub ÆäÀÌÁö CSS */

	/* °øÅë */
	.style1 {font-size:2.5rem; color:#ffd8a1; font-weight:bold;}
	.main_style2 {font-size:2.5rem; color:#fff; padding-top:80px; font-weight:bold;}
	.main_style3 {font-size:2.5rem; font-weight:bold;}
	.subNavibar {position:absolute; top:120px; right:3%; color:#fff;}
    .subTopText {display:table-cell; vertical-align:middle; text-align:center;}
	.subTopText > p {color:#fff; font-size:1.666rem; padding:5px 0;}


	/* sub01-1.asp */
	.subTopBg {width:100%; height:960px; background-image:url('/img/sub/sub1-1_img1.jpg'); background-repeat:no-repeat; background-position:center center; display:table; position:relative;}
	
	.subcont01 {width:100%; height:280px;}
	.subcont01 .subContInner {max-width:1200px; margin:0 auto;}
	.subcont01 .subContInner .tit {text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0; margin:50px 0; font-size:1.667rem;}
	.subcont01 .subContInner > p {text-align:center; padding:5px 0; font-size:1.3rem}
	.subcont01 .subContInner > p > span {font-size:1.5rem; font-weight:bold;}

	.subbg01 {width:100%; height:300px; background-image:url('/img/sub/sub1-1_img2.jpg'); background-repeat:no-repeat; background-position:center center; display:table;}
	.subbg01 .subbg01_Inner {display:table-cell; vertical-align:middle; text-align:center;}
	.subbg01 .subbg01_Inner > p {color:#fff; font-size:1.666rem;}

	.subcont02 {width:100%; height:240px; display:table;}
	.subcont02 .subContInner02 {max-width:1200px; margin:0 auto; display:table-cell; vertical-align:middle; text-align:center;}
	.subcont02 .subContInner02 > p {text-align:center; padding:5px 0; font-size:1.333rem;}
	.subcont02 .subContInner02 > p > span {font-size:1.667rem; display:block; padding:20px 0 0 0; font-weight:bold;}

	/* sub01-2.asp */
	
	.sub01-2_topBg {width:100%; height:960px; background-image:url('/img/sub/sub1-2_img.jpg'); background-repeat:no-repeat; background-position:center center; display:table; position:relative;}
	
	.mapWrap {width:100%; height:900px;}
	.mapWrap .mapInner {max-width:1200px; margin:0 auto;}
	.mapWrap .mapInner .tit {text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0; margin:80px 0 30px 0; font-size:1.667rem;}
	.mapWrap .mapInner > .map {width:90%; margin:0 auto;}
	.mapWrap .mapInner > .map > iframe {width:100%; height:600px;}
	.mapWrap .mapInner > .map > ul{margin:30px 0; padding:10px 0; border-top:1px solid #333; border-bottom:1px solid #333;}
	.mapWrap .mapInner > .map > ul:after {content:''; display:block; clear:both;}
	.mapWrap .mapInner > .map > ul > li{float:left; width:33.3%; text-align:center; font-size:1.167rem}
	.mapWrap .mapInner > .map > ul > li > img {margin:0 5px;}


	/* sub02-1.asp */
	.sub02-1_topBg {width:100%; height:400px; background-image:url('/img/sub/sub2_img.jpg'); background-repeat:no-repeat; background-position:center center; display:table; position:relative;}

	.estWrap {width:100%;}
	.estWrap .estInner {max-width:1200px; margin:0 auto;}
	.estWrap .estInner .tit {text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0; margin:80px 0 30px 0; font-size:1.667rem;}
	.estWrap .estInner .callBox {margin:0 0 30px 30px;}
	.estWrap .estInner .callBox > p {font-size:1.167rem; font-weight:bold; color:#373737;}

	.estWrap .estInner .subInner_cont_bo .subInner_cont_bo_desc {text-align:right; padding:0 30px 5px 0;}
	
	/* sub03-1.asp */
	.sub03-1_topBg {width:100%; height:400px; background-image:url('/img/sub/sub3_img.jpg'); background-repeat:no-repeat; background-position:center center; display:table; position:relative;}
	
	.pol_navi {width:70%; margin:0 auto 30px;}
	.pol_navi > ul:after {content:''; display:block; clear:both;}
	.pol_navi > ul {width:100%;}
	.pol_navi > ul > li {float:left; width:16.6%; box-sizing:border-box; padding:0 5px; height:35px; line-height:35px; transition:all 0.3s ease;}
	.pol_navi > ul > li > a {display:block; color:#fff; text-align:center;  transition:all 0.3s ease; background-color:#333;}	
	.pol_navi > ul > li:hover > a {color:#000; background-color:#ffd8a1;}
	
	.pol_navi > ul > li.por_on > a {color:#000; background-color:#ffd8a1;}


	/* sub04-1.asp */
	.sub04-1_topBg {width:100%; height:400px; background-image:url('/img/sub/sub4_img.jpg'); background-repeat:no-repeat; background-position:center center; display:table; position:relative;}

	/* sub05-1.asp */
	.sub05-1_topBg {width:100%; height:400px; background-image:url('/img/sub/sub5_img.jpg'); background-repeat:no-repeat; background-position:center center; display:table; position:relative;}

}

.root_daum_roughmap {width:100% !important;}