@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

/* common */

html, body {padding:0; margin:0; text-align:left; height:100%; letter-spacing:-1px; *overflow-x:hidden;}

div {font-size:14px; font-family: Nanum Gothic, '나눔고딕', sans-serif; }
a {cursor:pointer; outline:none; selector-dummy:expression(this.hideFocus=true);}
th, td {padding:0 0 0 0;}
img {border:0 none; vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-size:12px; font-weight:normal;}
ul,li,ol,dl,dt,dd {list-style:none; padding:0; margin:0;}
hr, address, caption, legend {display:none; font-size:0;}
p {margin:0; padding:0;}
form {font-weight:normal; margin:0 0 0 0; padding:0 0 0 0;}


input, textarea, select, pre {font-size:12px; color:#555; margin:0; padding:0; font-family: Nanum Gothic, '나눔고딕', sans-serif; outline:none;}
input {border:1px solid #d7d7d7; height:20px; line-height:20px; padding:0 5px;}
input.check {height:15px; padding:0; border:0; vertical-align:middle;}
textarea {border:1px solid #d7d7d7; padding-left:5px;}
select {border:1px solid #d7d7d7; padding:2px;}

a:link {color:#666; text-decoration:none;}
a:visited {text-decoration:none;}
a:active {text-decoration:none;}
a:hover {text-decoration:none;}

fieldset {border:none; padding:0px; margin:0px;}
label {cursor:pointer;}

table {border-collapse:collapse; border-spacing:0px; font-size:12px; text-align:center;}
th.center, td.center {text-align:center !important;}
th.left, td.left {text-align:left !important; padding-left:10px !important;}
th.right, td.right {text-align:right !important; padding-right:10px !important;}
td.over {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.clear {clear:both; margin:0; padding:0;}
.cur {cursor:pointer;}
.hide {display:none;}
.Area_Left {float:left;}
.Area_Right {float:right;}

/* // common */



#wrap {overflow:hidden; position:relative; width:100%; min-width:320px; }

#body_edge {position:relative;}
/*#wrap.side #body_edge {left:-200px;}*/
/*height:596px;*/
.top_navi {height:500px; z-index:999; position:relative; text-align:center; margin-bottom:20px; transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out;  -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out}
.top_navi.main {background:url(/img/main_btn_4.jpg) center no-repeat;}
.top_navi.shop {background:url(http://www.imandoo.co.kr/images/top_bg_02.jpg) center no-repeat;}
.top_navi.mobile {background:url(http://www.imandoo.co.kr/images/top_bg_03.jpg) center no-repeat;}
.top_navi.ponsive {background:url(http://www.imandoo.co.kr/images/top_bg_04.jpg) center no-repeat;}
.top_navi.portfolio {background:url(http://www.imandoo.co.kr/images/top_bg_05.jpg) center no-repeat;}
.top_navi.company {background:url(http://www.imandoo.co.kr/images/top_bg_06.jpg) center no-repeat;}

.top_navi h1 {display:block; width:130px; position:absolute; left:500px; top:0;}
.top_navi h1 img {width:100%;}

.top_navi h2 {display:block; width:221px; position:absolute; right:500px; top:0;}
.top_navi h2 .app_btn2 {width:130px; height:42px; text-align:center; color:#fff; font-weight:bold; font-size:16px; position:relative; top:0;}


#mainVisual{position:relative; overflow:hidden; background:#fff; height:777px; }
.visual-video-bg{position:relative; left:50%; width:1920px; height:777px; margin-left:-960px; }
.visual-video-bg:after{position:absolute; top:0px; left:0px; right:0px; bottom:0px; content:""; }
.embed-container { position: relative; padding-top:56.25%; overflow: hidden; max-width: 100%; } 
.embed-container iframe, 
.embed-container object, 
.embed-container embed { position: absolute; top: 50%; margin-top:-40%; left: 0; width: 100%; height: 100%; }


/* 메인 비주얼 :: 텍스트 */
/*
.visual-cover-txt-con{position:absolute; left:0; top:100px; width:100%; bottom:245px; z-index:1; text-align:center; }
.visual-cover-txt-con .visual-cover-txt-inner{display:table; width:100%; height:100%; opacity:0;  }
.visual-cover-txt-con .visual-cover-txt-inner-con{display:table-cell; vertical-align:middle;  }
.visual-cover-txt-con .visual-txt1{margin-bottom:22px; line-height:1.5em; color:#ffffff; font-size:35px; font-weight:600; text-shadow: 2px 2px 2px #6a6a6a; }	
.visual-cover-txt-con .visual-txt1 #bigTxt{font-size:35px; font-weight:600; text-shadow: 2px 2px 2px #6a6a6a;}	
.visual-cover-txt-con .visual-txt1 #middleTxt{font-size:20px; font-weight:600; text-shadow: 2px 2px 2px #6a6a6a;}	
.visual-cover-txt-con .visual-txt1 #smallTxt{font-size:18px; font-weight:600; text-shadow: 2px 2px 2px #6a6a6a; }	
*/


.area2{position:fixed; left:0; width:100%; top:0; z-index:1; padding-bottom:15px; text-align:center; background-color:rgba(0, 0, 0, 0.6); }
.area2 .area-inner{display:table; width:100%; height:100%; opacity:0;  }
.area2 .area-inner-con{display:table-cell; vertical-align:middle;  }
.area2 .logo{ display:inline-block; float:left; margin-top:10px; margin-left:500px; }
.area2 .txt a{ display:inline-block; float:left; margin-top:40px; margin-left:150px; color:#ffffff !important; font-size:16px; }
.area2 .menuList{ display:inline-block; float:right; margin-top:35px; margin-right:500px; }


.area2 .area-visual-txt1{margin-bottom:22px; line-height:1.5em; color:#ffffff; font-size:35px; font-weight:600; text-shadow: 2px 2px 2px #6a6a6a; }	
.area2 .area-visual-txt1 #bigTxt{font-size:35px; font-weight:600; text-shadow: 2px 2px 2px #6a6a6a;}	
.area2 .area-visual-txt1 #middleTxt{font-size:20px; font-weight:600; text-shadow: 2px 2px 2px #6a6a6a;}	
.area2 .area-visual-txt1 #smallTxt{font-size:18px; font-weight:600; text-shadow: 2px 2px 2px #6a6a6a; }	



#mainVisual.active .visual-cover-txt-inner{
	-webkit-animation: text-active-animation 1s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-active-animation 1s cubic-bezier(0.4, 0, 0.2, 1) both;
}

#mainVisual.active .area-inner{
	-webkit-animation: text-active-animation 1s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-active-animation 1s cubic-bezier(0.4, 0, 0.2, 1) both;
}


/* 메인 비주얼 :: 온라인예약/간편견적신청 버튼 */
.visual-quick-menu-box{position:absolute; bottom:99px; left:35%; width:256px; margin-left:-128px; z-index:11; }
.quick_btn{}
.quick_btn li{}
.quick_btn li.btn1{margin-bottom:11px; }
.quick_btn li.btn2{background-color:#fff;  border:2px red solid;}
.quick_btn li > a{display:block; position:relative; font-size:18px; line-height:66px; padding:0 55px; border:5px solid #fff; color:#1d2088; text-align:center;}
.quick_btn li > a:after{position:absolute; right:55px; top:50%; margin-top:-8px; width:8px; height:17px; content:""; }
.quick_btn li.btn1 > a{color:#fff; border-color:#fff; font-weight:800;}
.quick_btn li.btn2 > a{color:#1d2088; border-color:#1d2088;}

.quick_btn li.btn1 a:hover{border:5px solid #1d2088;}
.quick_btn li.btn2 a:hover{border:5px solid #1d2088;}

.visual-quick-menu-box2{position:absolute; bottom:110px; left:50%; width:256px; margin-left:-128px; z-index:11; }
.quick_btn2{}
.quick_btn2 li{}
.quick_btn2 li.btn2{  }
.quick_btn2 li > a{display:block; position:relative; font-size:18px; line-height:66px; padding:0 55px; border:5px solid #fff; color:#1d2088; text-align:center;}
.quick_btn2 li > a:after{position:absolute; right:55px; top:50%; margin-top:-8px; width:8px; height:17px; content:""; }
.quick_btn2 li.btn2 > a{color:#fff; border-color:#fff; font-weight:800;}
.quick_btn2 li.btn2 a:hover{border:5px solid #1d2088; }

.visual-quick-menu-box3{position:absolute; bottom:110px; left:65%; width:256px; margin-left:-128px; z-index:11; }
.quick_btn3{}
.quick_btn3 li{}
.quick_btn3 li.btn2{ }
.quick_btn3 li > a{display:block; position:relative; font-size:18px; line-height:66px; padding:0 55px; border:5px solid #fff; color:#1d2088; text-align:center;}
.quick_btn3 li > a:after{position:absolute; right:55px; top:50%; margin-top:-8px; width:8px; height:17px; content:""; }
.quick_btn3 li.btn2 > a{color:#fff; border-color:#fff; font-weight:800;}
.quick_btn3 li.btn2 a:hover{border:5px solid #1d2088;}



@-webkit-keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-ms-transform: translateY(-30px); 
		-o-transform: translateY(-30px); 
		-moz-transform: translateY(-30px);
		-webkit-transform: translateY(-30px); 
		transform: translateY(-30px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-ms-transform: translateY(0); 
		-o-transform: translateY(0); 
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}
@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-ms-transform: translateY(-30px); 
		-o-transform: translateY(-30px); 
		-moz-transform: translateY(-30px);
		-webkit-transform: translateY(-30px); 
		transform: translateY(-30px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-ms-transform: translateY(0); 
		-o-transform: translateY(0); 
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}	









#wrap.side .top_navi h1 {display:block; width:221px; position:absolute; left:230px; top:30px;}

.top_navi p.doc_edge {display:inline-block;}
.top_navi p.doc_edge span {display:block; color:#fff; position:relative; top:80px; }
.top_navi p.doc_edge span.small {font-family: Cambria, sans-serif; font-style:italic; font-size:50px; margin-bottom:60px; text-shadow:1px 1px 2px #868686;}
.top_navi p.doc_edge span.small.hn {font-style:italic; font-family: Nanum Gothic, '나눔고딕', sans-serif; font-size:40px; margin-bottom:80px; font-weight:bold;}
.top_navi p.doc_edge span.big {font-size:50px; font-weight:bold; text-shadow:1px 1px 2px #868686; margin-bottom:50px;padding-top:5px; line-height:40px;}
.top_navi p.doc_edge span.txt {font-size:24px; font-weight:bold; text-shadow:1px 1px 2px #868686;}
.top_navi p.doc_edge span.tel {font-size:40px; font-weight:bold; padding-top:30px; color:#fffff; text-shadow:1px 1px 2px #868686;}
.top_navi p.doc_edge span.tel a{color:#ffffff}


.top_navi p.doc_edge  {line-height:25px;}

.top_navi p.doc_edge a.app_btn {display:inline-block; width:175px; height:42px; text-align:center; line-height:42px; font-size:16px; position:relative; top:100px;}
.top_navi p.doc_edge a.app_btn:hover{color:#000}






.top_navi .left_btn{position:absolute; left:3%; top:50%; margin-top:-25px; display: none; }
.top_navi .right_btn{position:absolute; right:3%; top:50%; margin-top:-25px; display: none; }

.top_navi a.side_btn {position:absolute; top:30px; right:30px;}
.top_navi a.side_btn span {display:inline-block; margin-right:10px; font-weight:bold; color:#fff;}
.top_navi a.side_btn i {display:inline-block; width:15px;}
.top_navi a.side_btn i img {width:100%;}


.body_menu {text-align:center; margin-bottom:50px;  }
.body_menu ul{position:relative; margin-top:-72px;}
.body_menu ul li {display:inline-block; margin:20px 32px; *display:inline; *zoom:1; letter-spacing:0; font-weight:bold}
.body_menu ul li.right_menu{margin:20px 50px}
.body_menu ul li a {display:block; font-size:12px; text-align:center; color:#999;}
.body_menu ul li a i {display:inline-block; height:49px; background:url(http://www.imandoo.co.kr/images/body_menu.gif) no-repeat; cursor: default; }

.body_menu ul li a i.btn_01 {width:29px; background-position:-1px bottom;}
.body_menu ul li a i.btn_02 {width:34px; background-position:-50px bottom;}
.body_menu ul li a i.btn_03 {width:19px; background-position:-104px bottom;}
.body_menu ul li a i.btn_04 {width:41px; background-position:-143px bottom;}
.body_menu ul li a i.btn_05 {width:43px; background-position:-204px bottom;}
.body_menu ul li a i.btn_06 {width:39px; background-position:-267px bottom;}
.body_menu ul li a i.btn_07 {width:22px; background-position:-326px bottom;}
.body_menu ul li a i.freehp {width:152px; height:128px; position:relative; top:44px; background:url(http://www.imandoo.co.kr/img/Dlogo.png) no-repeat; background-position:0 0;}
.body_menu ul li a i.event{width:37px; height:42px; background:url(http://www.imandoo.co.kr/img/event_ico.png) no-repeat; background-position:0 0}

.body_menu ul li a:hover {color:#000;}
.body_menu ul li a:hover i.btn_01 {width:29px; background-position:-1px top;}
.body_menu ul li a:hover i.btn_02 {width:34px; background-position:-50px top;}
.body_menu ul li a:hover i.btn_03 {width:19px; background-position:-104px top;}
.body_menu ul li a:hover i.btn_04 {width:41px; background-position:-143px top;}
.body_menu ul li a:hover i.btn_05 {width:43px; background-position:-204px top;}
.body_menu ul li a:hover i.btn_06 {width:39px; background-position:-267px top;}
.body_menu ul li a:hover i.btn_07 {width:22px; background-position:-326px top;}
/*.body_menu ul li a:hover i.freehp{background-position:0 -168px;}*/
.body_menu ul li a:hover i.event{background-position:0 -45px;}

/*.body_menu ul li a.on {color:#000;}
.body_menu ul li a.on i.btn_01 {width:29px; background-position:-1px top;}
.body_menu ul li a.on i.btn_02 {width:34px; background-position:-50px top;}
.body_menu ul li a.on i.btn_03 {width:19px; background-position:-104px top;}
.body_menu ul li a.on i.btn_04 {width:41px; background-position:-143px top;}
.body_menu ul li a.on i.btn_05 {width:43px; background-position:-204px top;}
.body_menu ul li a.on i.btn_06 {width:39px; background-position:-267px top;}
.body_menu ul li a.on i.btn_07 {width:22px; background-position:-326px top;}
.body_menu ul li a.on i.freehp{background-position:0 -168px;}
.body_menu ul li a.on i.event{background-position:0 -45px;}*/

.body_menu ul li a p {display:block;}

/* sidemenu */
.HFamily { margin: 50px 30px 50px 30px!important; }
.HFamily li a { padding:5px 0!important; color:#b8509e!important; font-weight:normal!important; }
.HFamily li a:before { content:'|'; color:#b8509e; padding-right:5px; }

/* menu */
.Hmenu {position:absolute; top:30px; right:120px; font-family: Nanum Gothic, '나눔고딕'; cursor:pointer}
.Hmenu {  float:right;  }
.Hmenu li { float:left;  }
.Hmenu li a { font-size:14px;  color:#fff; }
.Hmenu li a:before { content:'|'; padding:0 20px; }
.Hmenu li:first-child a:before { display:none; }


.best_portfolio {position:relative; margin-bottom:-2%; }
.best_portfolio2 {position:relative; margin-bottom:-2%;}
.best_portfolio .cTitle { margin-left:25%; margin-bottom:10px; width:50%;}
.best_portfolio .site_edge { width:90%;}
.best_portfolio .site_edge .site_bg {width:70%; box-shadow:0 5px 10px silver; position:relative; border:1px red solid;}
.best_portfolio .site_edge .site_bg img {width:100%;}
.best_portfolio .site_edge .site_bg p.img {position:absolute; left:0; bottom:0; width:100%; height:97.5%;}
.best_portfolio .site_edge .site_bg p.img img {width:100%; height:auto;}


.best_portfolio .mobile_edge {position:absolute; left:45%; top:35.6%; bottom:0; width:15%; z-index:999;}
.best_portfolio .mobile_edge .mobile_bg {position:relative;}
.best_portfolio .mobile_edge .mobile_bg img {width:100%;}
.best_portfolio .mobile_edge .mobile_bg p.img {position:absolute; left:50%; margin-left:-41.5%; bottom:0; width:83%; height:85%; text-align:center;}
.best_portfolio .mobile_edge .mobile_bg p.img img {width:100%; height:auto;}


.best_portfolio .portfolio_doc {right:10%; top:0%; width:100%; text-align:center; }
.best_portfolio .portfolio_doc p {display:block; margin-bottom:5%;}
.best_portfolio .portfolio_doc p span {display:block;}
.best_portfolio .portfolio_doc p span.tit {font-size:22px; font-weight:bold; margin-bottom:3%; color:#333;}
.best_portfolio .portfolio_doc p span.txt{line-height:24px}
.best_portfolio .portfolio_doc p  {font-size:14px; line-height:20px;}




.main_initial {background:#f5f5f5; position:relative; z-index:2; padding:2% 0; text-align:center; }
.main_initial span {display:block;}
.main_initial span.big {font-size:30px; font-weight:bold; margin-bottom:20px;}
.main_initial span.txt {font-size:22px}
.main_initial img { float:left; }




.main_initial2 {background:#a6d9df; position:relative; z-index:2; padding:2% 0; text-align:left; padding-left:15%; margin-bottom:0%; }
.main_initial2 span {display:block;}
.main_initial2 span.big {font-size:30px; font-weight:bold; margin-bottom:20px; text-shadow:1px 1px 2px #868686; color:#fff;}
.main_initial2 span.txt {font-size:18px; text-shadow:1px 1px 2px #868686; color:#fff;}
.main_initial2 span.img {display:block; width:221px; position:absolute; top:30%; right:20%; }


.main_initial3 {background:#f5f5f5; position:relative; z-index:2; padding:2% 0; text-align:center; margin-top:50px; }
.main_initial3 span {display:block;}
.main_initial3 span.big {font-size:30px; font-weight:bold; margin-bottom:20px;}
.main_initial3 span.txt {font-size:22px}




.function_list {margin-bottom:5%;}
.function_list ul {text-align:center;}
.function_list ul li {width:23%; display:inline-block; text-align:left; padding:4% 3%; vertical-align:top; *display:inline; *zoom:1; transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out;  -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out}
.function_list ul li i {display:block; width:50px; margin-bottom:2%;}
.function_list ul li i img {width:100%;}
.function_list ul li p.tit {font-size:22px; font-weight:bold; color:#333; margin-bottom:3%;}
.function_list ul li p.doc{color:#888; font-size:14px; line-height:28px;}




.site_step {background:#f5f5f5; padding:5%;}
.site_step p.site_tit {display:block; font-size:50px; font-weight:bold; text-align:center; margin-bottom:5%;}
.site_step ul {text-align:center;}
.site_step ul li {width:14.2%; display:inline-block; *display:inline; *zoom:1; background:#fff; vertical-align:top; height:370px; margin:0 1%; box-shadow:0 2px 10px silver; margin-bottom:30px; position:relative; transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out;  -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out}
.site_step ul li p.site_num {display:block; line-height:30px; background:#7c7c7c; font-size:14px; font-weight:bold; text-align:center; color:#fff; margin-bottom:20px;}
.site_step ul li i.site_img {display:block; width:100px; margin:0 auto; margin-bottom:10px;}
.site_step ul li i.site_img img {width:100%;}
.site_step ul li p.tit {font-size:22px; color:#333; margin-bottom:10px; font-weight:bold;}
.site_step ul li p.txt {font-size:12px; padding:0 10%; text-align:left; line-height:18px; color:#888;}
.site_step ul li p.arr2 {display:none;}
.site_step ul li p.arr {width:18px; position:absolute; top:45%; right:-18px;}
.site_step ul li p.arr img {width:100%;}
.site_step a.btn {display:block; margin:0 auto; margin-top:70px; width:175px; height:42px; text-align:center; background:#333; color:#ddd; font-weight:bold; line-height:42px; font-size:16px}
.site_step a.btn:hover{color:#fff}



.mobile_char {margin-bottom:10%;}
.mobile_char ul {*zoom:1;}
.mobile_char ul:after {content:""; clear:both; height:0%; display:block;}
.mobile_char ul li {width:33.3%; float:left;}
.mobile_char ul li p {display:block; margin:0 5%; text-align:center;}
.mobile_char ul li p.img {margin-bottom:3%;}
.mobile_char ul li p.tit {margin-bottom:3%; font-size:24px; font-weight:bold;}
.mobile_char ul li p.txt {}
.mobile_char ul li p.img img {width:100%;}


.images_edge {}
.images_edge > p {position:relative; display:block;}
.images_edge > p img {width:100%;}

.images_edge > p span {position:absolute; display:block; width:30%;}
.images_edge > p span.td_01 {right:3%; bottom:5%;}
.images_edge > p span.td_02_01 {left:5%; top:20%;}
.images_edge > p span.td_02_02 {right:5%; bottom:20%;}
.images_edge > p span.td_03 {left:5%; bottom:5%;}
.images_edge > p span.td_04 {width:35%; left:3%; top:5%;}

.images_edge > p span em {display:block; color:#000;}
.images_edge > p span em.ita {font-style:italic; margin-bottom:15px; font-size:16px;}
.images_edge > p span em.big {font-size:50px; font-weight:bold; margin-bottom:15px;}
.images_edge > p span em.txt {line-height:20px; margin-bottom:10px; font-size:17px}
.images_edge > p span em.small_txt{font-size:14px}

.images_edge > p span.td_05 {width:100%; left:0; top:8%;}
.images_edge > p span.td_05 em.big {font-size:45px; font-weight:bold; margin-bottom:15px; text-align:center; color:#333}
.images_edge > p span.txt_bott {width:100%; line-height:20px; text-align:center; position:absolute; bottom:6%;}
.images_edge > p.txt_big{text-align:center; font-size:40px; font-weight:bold; padding-bottom:94px; color:#333}


.images_edge .ponsive_chara {position:relative;}
.images_edge .ponsive_chara img {width:100%;}
.images_edge .ponsive_chara p.title {font-size:45px; width:100%; position:absolute; text-align:center; font-weight:bold; top:10%; color:#fff;}
.images_edge .ponsive_chara ul {position:absolute; top:38%; left:0;}
.images_edge .ponsive_chara ul li {width:24.99%; float:left;}
.images_edge .ponsive_chara ul li p {margin:0 10%; color:#fff; display:block;}

.images_edge .ponsive_chara ul li p.top {font-weight:bold; *zoom:1; margin-bottom:15%;}
.images_edge .ponsive_chara ul li p.top:after {content:""; clear:both; height:0%; display:block;}
.images_edge .ponsive_chara ul li p.top span {display:block;}
.images_edge .ponsive_chara ul li p.top span.num {font-size:64px; float:left; width:50px;}
.images_edge .ponsive_chara ul li p.top span.txt {margin-left:-40px; font-size:23px; line-height:27px; padding-top:10px;}

.images_edge .ponsive_chara ul li p.bott {font-size:15px; line-height:22px;}


.images_edge .ponsive_chara_middle {display:none;}
.images_edge .ponsive_chara_slim {display:none;}



.port_txt{padding:10px; font-size:12px}
.portfolio_list {background:#dcdcdc;}
.portfolio_list ul {*zoom:1;}
.portfolio_list ul:after {content:""; clear:both; height:0%; display:block;}
.portfolio_list ul li {width:25%; *width:24.99%; float:left; vertical-align:top;}
.portfolio_list ul li p.tit {display:block; background:#fff; *zoom:1; padding:5px; border-radius:5px 5px 0 0; border-bottom:1px solid #dcdcdc;}
.portfolio_list ul li p.tit:after {content:""; clear:both; height:0%; display:block;}
.portfolio_list ul li p.tit a {display:block; width:12px; height:12px; background:url(http://www.imandoo.co.kr/images/port_icon.gif) no-repeat; float:left; margin-right:8px;}
.portfolio_list ul li p.tit a.del {background-position:left top;}
.portfolio_list ul li p.tit a.add {background-position:right top;}
.portfolio_list ul li p.tit strong {float:right; margin-right:10px; font-size:11px;}
.portfolio_list ul li a.img {display:block;}
.portfolio_list ul li a.img img {width:100%; border-radius:0 0 5px 5px;}
.portfolio_list ul li div {padding:2px;}
.movie_container{position:relative; overflow:hidden; padding:0 !important}
.movie_container iframe{position:absolute; left:0; top:0; width:100%; height:100%}



.side_menu {background:#000; width:200px; height:100%; position:absolute; top:0; right:-200px; letter-spacing:1px;}
.side_menu a.close {display:block; width:13px; position:absolute; top:5px; right:52px;}
.side_menu a.close img {width:100%;}
.side_menu ul {margin:50px 30px 30px 30px;}
.side_menu ul li {}
.side_menu ul li a {display:block; font-weight:bold; color:#666; font-size:13px; padding:15px 0}
.side_menu ul li a:hover {color:#fff;}
.side_menu img{margin:30px 0 80px 30px}
.side_menu p{margin-left:30px}
.side_menu #bookmark{font-size:15px; margin-bottom:40px; font-weight:bold}
.side_menu #bookmark span{font-size:12px; padding-top:10px}
.side_menu #bookmark a{color:#666}
.side_menu #bookmark a:hover{color:#fff}
.side_menu #tel{color:#b8509e; font-size:20px; font-weight:bold}
.side_menu .work_info{font-size:11px; margin:5px 0 50px 30px; line-height:20px; font-weight:bold;}
.side_menu .hol{font-size:10px; letter-spacing:0px;}
.side_menu #bank{font-size:13px; margin-bottom:50px; font-weight:bold}
.side_menu #bank span{position:relative; font-size:11px; top:5px; letter-spacing:0}


.footer {padding:30px 0 50px; *zoom:1; position:relative; }
.footer:after {content:""; clear:both; height:0%; display:block;}
.footer img {width:47px; float:left; margin:0 50px;}
.footer ul {*zoom:1; float:left; margin-top:20px;}
.footer ul:after {content:""; clear:both; height:0%; display:block;}
.footer ul li {background:url(http://www.imandoo.co.kr/images/line_01.gif) right no-repeat; padding-right:10px; margin-right:10px; float:left;}
.footer ul li a {color:#999;}
.footer ul li.end {background:none;}



.footer .com_info p{position:absolute; text-align:left; left:148px; top:12px; font-size:11px; letter-spacing:0px; color:#999;}
.copy{position:absolute; left:148px; top:35px!important; font-size:9px; color:#999; letter-spacing:1px;}
.footer .com_info .tab{margin:0 5px; font-size:10px;}
.footer .com_info .line{line-height:200%;}
.m_footer{display:none;}
.m_bottom_history{display:none;}
.m_bottom_history_01{display:none;}
.m_bottom_history_02{display:none;}
.m_mapArea{display:none;}
.m_bottom_history_03{display:none;}


.normal_popup {display:none; position:fixed; _position:absolute; top:0; left:0; z-index:10001; width:100%; height:100%;}
.normal_popup.open {display:block;}
.normal_popup .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#3daaba; opacity:.6;filter:alpha(opacity=60)}

#mlayer_order {position:relative; padding:0 30px;}

#mlayer_order a.close {position:fixed; right:31.7%; top:21.3%; }
#mlayer_order .oredr_form {max-width:700px; margin:10% auto 0 auto;  }
#mlayer_order .oredr_form p.tit {*zoom:1; color:#fff; border-bottom:1px solid #fff; padding-bottom:20px; margin-bottom:20px;}
#mlayer_order .oredr_form p.tit:after {content:""; clear:both; height:0%; display:block;}
#mlayer_order .oredr_form p.tit strong {font-size:40px; float:left; display:block; width:220px;}
#mlayer_order .oredr_form p.tit span {display:block; margin-left:220px; font-size:16px; padding-top:5px; font-weight:bold;}
#mlayer_order .oredr_form p.stit {color:#fff; font-size:20px; font-weight:bold; margin-bottom:30px;}

#mlayer_order .oredr_form ul {padding:3% 3% 60px 3%; background:#fff;}
#mlayer_order .oredr_form ul li {border-top:1px solid #3daaba; padding:0; }
#mlayer_order .oredr_form ul li p.input_tit {float:left; display:block; padding:20px 0; text-align:center; vertical-align:middle; font-size:16px; color:#3daaba; font-weight:bold; width:100px;}
#mlayer_order .oredr_form ul li .fild_edge {margin-left:130px; *zoom:1; padding:20px 0; vertical-align:middle;}
#mlayer_order .oredr_form ul li .fild_edge:after {content:""; clear:both; height:0%; display:block;}
#mlayer_order .oredr_form ul li .fild_edge p {display:inline-block; margin-right:30px; color:#3daaba; font-weight:bold;}
#mlayer_order .oredr_form ul li .fild_edge p input.check {margin-right:5px; width:200px;}

#mlayer_order .oredr_form ul li .fild_edge p.w50 {float:left; width:50%; *width:49.99%; display:block; margin:0; padding:10px 0 0 0; }
#mlayer_order .oredr_form ul li .fild_edge p.line {border-bottom:1px solid #3daaba; padding:0 0 20px 0;}
#mlayer_order .oredr_form ul li .fild_edge p.w50 label {float:left; width:70px; display:block;}
#mlayer_order .oredr_form ul li .fild_edge p.w50 span {margin-left:70px; margin-right:50px; text-align:left; }
#mlayer_order .oredr_form ul li .fild_edge p.w50 span input {width:100%; border:none; background:#ffe398;}

#mlayer_order .oredr_form ul li .fild_edge p.w100 {display:block; margin:0;}
#mlayer_order .oredr_form ul li .fild_edge p.w100 label {float:left; width:70px; display:block;}
#mlayer_order .oredr_form ul li .fild_edge p.w100 span {margin-left:70px; margin-right:50px; text-align:left; display:block;}
#mlayer_order .oredr_form ul li .fild_edge p.w100 span textarea {width:100%; border:1px solid #3daaba; height:100px; line-height:20px;}

#mlayer_order .oredr_form .btn2 {position:relative;}
#mlayer_order .oredr_form .btn2 a {display:block; position:absolute; right:5%; top:-50px;}




.company_info {*zoom:1; margin:6% 0 4%;}
.company_info:after {content:""; clear:both; height:0%; display:block;}
.company_info .comp_logo {width:33%; float:left; border-right:1px solid #ccc; height:500px;}
.company_info .comp_logo p {padding:0 15%; display:block; max-width:354px;}
.company_info .comp_logo p img {width:100%; max-width:354px;}

.company_info .comp_view {width:33%; float:left; border-right:1px solid #ccc; height:500px;}
.company_info .comp_view p.tit {font-size:16px; font-weight:bold; padding:0 10%; margin-bottom:15px; letter-spacing:0}
.company_info .comp_view .gr {padding:0 10%; *zoom:1;}
.company_info .comp_view .gr:after {content:""; clear:both; height:0%; display:block;}
.company_info .comp_view .gr p.st {font-size:14px; font-weight:bold; margin-bottom:10px;}
.company_info .comp_view .gr p.txt {line-height:22px; margin-bottom:20px;}
.company_info .comp_view .gr p.st.inline {float:left; width:120px;}
.company_info .comp_view .gr p.txt.inline {margin-left:120px}

.company_info .comp_info {float:left; width:33%; height:500px;}
.company_info .comp_info ul {padding:0 15%;}
.company_info .comp_info ul li {margin:15px 0 32px; *zoom:1;}
.company_info .comp_info ul li:after {content:""; clear:both; height:0%; display:block;}
.company_info .comp_info ul li label {font-weight:bold; width:90px; float:left; display:block; vertical-align:top; letter-spacing:0}
.company_info .comp_info ul li span {display:block; margin-left:90px; vertical-align:top;}



.service {background:#00020a; position:relative; margin-bottom:50px;}
.service img {width:100%;}
.service .list {position:absolute; bottom:0%; right:5%; width:50%; font-size:12px}
.service ul {*zoom:1;}
.service ul:after {content:""; clear:both; height:0%; display:block;}
.service ul li {width:50%; *width:49.9%; float:left; margin-bottom:25px; vertical-align:top;}
.service ul li p.tit {border-top:3px solid #fff; width:50%; font-size:20px; font-weight:bold; color:#fff; margin-right:20px; margin-bottom:10px; padding-top:10px;}
.service ul li p.txt {color:#fff; margin-right:20px; line-height:24px;}


.history {text-align:center; margin:8% 0 5%}
.history ul {width:28%; display:inline-block; padding:0 2%; vertical-align:top; text-align:left; *display:inline; *zoom:1;}
.history ul li {margin-bottom:60px; *zoom:1;}
.history ul li:after {content:""; clear:both; height:0%; display:block;}
.history ul li label {display:inline-block; float:left; font-size:24px; font-weight:bold; display:inline-block; vertical-align:top; width:130px;}
.history ul li label i {width:25px; display:inline-block; margin-right:5px;}
.history ul li label i img {width:100%; vertical-align:top;}
.history ul li p {display:block; vertical-align:top; line-height:18px; margin-left:130px;}

.history .history_tit {margin-bottom:50px; text-align:center;}
.history .history_tit p.tit {color:#ff9900; font-size:40px; font-weight:bold; margin-bottom:10px;}
.history .history_tit p.st {margin-bottom:10px;}
.history .history_tit p.txt {font-size:14px; color:#333; font-size:20px; font-weight:bold;}




.location {background:url(http://www.imandoo.co.kr/images/bg_location_up.gif) top repeat-x;}
.location .edge {background:url(http://www.imandoo.co.kr/images/bg_location_dn.gif) bottom repeat-x;}
.location .edge p.tit {font-size:24px; display:block; text-align:center; font-weight:bold; padding:61px 0;}

.location .edge ul {text-align:center; padding:39px 0 72px;}
.location .edge ul li {text-align:left; display:inline-block; *display:inline; *zoom:1; width:25%; vertical-align:top; padding:0 20px;}
.location .edge ul li label {font-size:14px; font-weight:bold; color:#333; margin-bottom:10px; display:block;}
.location .edge ul li p.txt {line-height:18px;}
.location .edge ul li p.txt span {display:inline-block; margin-right:15px;}
.location .edge ul li p.txt em {display:block;}










/* 1300 푸터*/
@media all and (max-width:1400px){
.footer{text-align:center;padding:30px 0 90px;}
.footer img {width:47px; float:none; margin:0 auto; }
.footer ul {float:none; position:relative; left:19px; width:430px; margin:0 auto; margin-top:20px;}
.copy{position:relative; left:0; text-align:center; margin:0 auto; top:5px; font-size:9px; color:#ccc; letter-spacing:1px;}
.footer .com_info p{width:730px; position:absolute; text-align:center; left:50%; margin-left:-350px; top:120px}
.bottom_history{width:100%;}
.bottom_history_01{width:100%; padding:2% 0;  }
.bottom_history_02{width:100%; padding:2% 0;}
.bottom_history_03{width:100%;}
}

@media all and (max-width:1280px){
.footer{text-align:center;padding:30px 0 90px;}
.footer ul {float:none; position:relative; left:19px; width:450px; margin:0 auto; margin-top:6px;}
.copy{position:relative; left:0; text-align:center; margin:0 auto; top:5px; font-size:8px; color:#ccc; letter-spacing:0px;}
.footer .com_info p{width:700px; font-size:11px; position:absolute; text-align:center; left:50%; margin-left:-350px; top:113px}
.bottom_history{width:100%;}
.bottom_history_01{width:100%; }
.bottom_history_02{width:100%;}
.bottom_history_03{width:100%;}
.m_mapArea{display:none;}
}

/* 700 푸터*/
@media all and (max-width:700px){
.footer{padding:30px 10px}
.footer ul, .copy, .com_info{display:none}
.m_footer{display:block; font-size:10px; color:#ccc;}
.m_tel{font-size:11px; padding:15px 0 12px;}
.bottom_history{display:none}
.bottom_history_01{display:none}
.bottom_history_02{display:none}
.bottom_history_03{display:none}
.mapArea{display:none}

}

/* 메뉴 미디어쿼리 */
@media only screen and (max-width: 1510px) {
.body_menu ul li {display:inline-block; margin:20px 15px; *display:inline; *zoom:1; letter-spacing:0; font-weight:bold}
.body_menu ul li.right_menu{margin:20px 35px;}
}
@media only screen and (max-width: 1300px) {
.body_menu ul li {display:inline-block; margin:20px 8px; *display:inline; *zoom:1; letter-spacing:0; font-weight:bold}
.body_menu ul li.right_menu{margin:20px 25px;}
}
@media only screen and (max-width: 1150px) {
.body_menu {display:none;}
}

/* 1200이하 미디어쿼리 */

.pad .top_navi {height:500px; margin-bottom:30px;}/*상단이미지*/

.pad .top_navi h1 {width:150px;}/*로고*/
#wrap.side.pad .top_navi h1 {display:block; width:150px; position:absolute; left:230px; top:30px;}
.pad .top_navi p.doc_edge span {top:120px;}/* 상단텍스트 */
.pad .top_navi p.doc_edge span.small {font-family: Cambria, sans-serif; font-size:25px; margin-bottom:40px;}
.pad .top_navi p.doc_edge span.small.hn {font-size:15px; margin-bottom:40px; font-weight:bold;}
.pad .top_navi p.doc_edge span.big {font-size:70px; margin-bottom:40px;}
.pad .top_navi p.doc_edge span.txt {line-height:25px;}
.pad .top_navi p.doc_edge a.app_btn {display:inline-block; position:relative; top:180px; width:130px; height:31px; line-height:31px; font-size:14px}
.pad .top_navi .left_btn img{width:15px; height:38px}
.pad .top_navi .right_btn img{width:15px; height:38px}

/*.pad .body_menu ul li {margin:20px 12px}*/


.pad .best_portfolio .site_edge .site_bg {width:40%; box-shadow:0 5px 10px silver; position:relative;} /* 메인베스트포트폴리오 */
.pad .best_portfolio .mobile_edge {position:absolute; left:36%; bottom:0; width:12%;}

.pad .best_portfolio .portfolio_doc {position:absolute; right:auto; left:52%; top:0; width:46%;}
.pad .best_portfolio .portfolio_doc p {margin-bottom:3%;}
.pad .best_portfolio .portfolio_doc p span.tit {font-size:12px; margin-bottom:1%;}
.pad .best_portfolio .portfolio_doc p span.txt {font-size:11px; line-height:16px;}



.pad .main_initial {padding:2% 0; }/* 메인이니셜1 */
.pad .main_initial span.big {font-size:32px; font-weight:bold; margin-bottom:10px;}
.pad .main_initial span.txt {font-size:14px;}



.pad .site_step {padding:3%;}/* 메인홈피제작절차*/
.pad .site_step p.site_tit {display:block; font-size:20px; font-weight:bold; text-align:center; margin-bottom:3%;}
.pad .site_step ul li {width:27%; height:350px; margin:0 3%; margin-bottom:30px;}







/*.pad .footer {text-align:center;}
.pad .footer:after {content:""; clear:both; height:0%; display:block;}
.pad .footer img {width:35px; float:none; margin:0;}
.pad .footer ul {float:none; margin-top:20px;}
.pad .footer ul li {background:url(http://www.imandoo.co.kr/images/line_01.gif) right no-repeat; padding-right:10px; margin-right:10px; float:none; display:inline-block; *display:inline; *zoom:1;}
.pad .footer ul li a {font-size:11px;}

.pad .footer p.copy {position:relative; right:auto; top:auto; margin-top:20px; font-size:11px;}
.pad .footer p.copy span {display:inline-block;}*/



.pad .images_edge .ponsive_chara {display:none;}
.pad .images_edge .ponsive_chara_slim {display:none;}


.pad .images_edge .ponsive_chara_middle {position:relative; display:block;}
.pad .images_edge .ponsive_chara_middle img {width:100%;}
.pad .images_edge .ponsive_chara_middle p.title {font-size:20px; width:100%; position:absolute; text-align:center; font-weight:bold; top:10%; color:#fff;}
.pad .images_edge .ponsive_chara_middle ul {position:absolute; top:20%; left:0; *zoom:1;}
.pad .images_edge .ponsive_chara_middle ul:after {content:""; clear:both; height:0%; display:block;}
.pad .images_edge .ponsive_chara_middle ul li {width:49.99%; float:left; margin-bottom:25%;}
.pad .images_edge .ponsive_chara_middle ul li p {margin:0 10%; color:#fff; display:block;}

.pad .images_edge .ponsive_chara_middle ul li p.top {font-weight:bold; *zoom:1; margin-bottom:5%;}
.pad .images_edge .ponsive_chara_middle ul li p.top:after {content:""; clear:both; height:0%; display:block;}
.pad .images_edge .ponsive_chara_middle ul li p.top span {display:block;}
.pad .images_edge .ponsive_chara_middle ul li p.top span.num {font-size:60px; float:left; width:40px;}
.pad .images_edge .ponsive_chara_middle ul li p.top span.txt {margin-left:-40px; font-size:20px; line-height:24px; padding-top:10px;}

.pad .images_edge .ponsive_chara_middle ul li p.bott {font-size:14px; line-height:22px;}
.pad .images_edge > p span em.big {font-size:32px}


.pad .portfolio_list ul li {width:50%; *width:49.99%; float:left; vertical-align:top;}


.pad .site_step a.btn {display:block; width:131px; height:31px; line-height:31px; font-size:14px}


.pad .company_info {margin-bottom:40px;}
.pad .company_info .comp_logo {width:auto; float:none; border:none; height:auto; border-bottom:1px solid #eaeaea; margin-bottom:30px;}
.pad .company_info .comp_logo p {padding:0 15%; display:block; max-width:354px; margin:0 auto;}

.pad .company_info .comp_view {width:auto; float:none; border:none; height:auto; border-bottom:1px solid #eaeaea; margin-bottom:30px; padding:30px 0;}
.pad .company_info .comp_view p.tit {font-size:16px; font-weight:bold; padding:0 10%; margin-bottom:15px;}
.pad .company_info .comp_view .gr {padding:0 10%; *zoom:1;}
.pad .company_info .comp_view .gr:after {content:""; clear:both; height:0%; display:block;}
.pad .company_info .comp_view .gr p.st {font-size:14px; font-weight:bold; margin-bottom:10px;}
.pad .company_info .comp_view .gr p.txt {line-height:18px; margin-bottom:20px;}
.pad .company_info .comp_view .gr p.st.inline {float:left; width:120px;}
.pad .company_info .comp_view .gr p.txt.inline {margin-left:120px;}

.pad .company_info .comp_info {float:none; width:auto; height:auto;}
.pad .company_info .comp_info ul {padding:0 10%;}
.pad .company_info .comp_info ul li {margin:15px 0;}





.pad .service {background:#00020a; position:relative; margin-bottom:50px;}
.pad .service img {width:100%;}
.pad .service .list {position:absolute; bottom:3%; left:5%; right:auto; width:auto;}
.pad .service ul {width:32%; float:left;}
.pad .service ul li {width:auto; float:left; margin-bottom:20px; vertical-align:top;}
.pad .service ul li p.tit {border-top:3px solid #fff; width:60%; font-size:16px; font-weight:bold; color:#fff; margin-right:20px; margin-bottom:5px; padding-top:5px;}
.pad .service ul li p.txt {color:#fff; margin-right:20px; line-height:18px;}




.pad .history {text-align:center;}
.pad .history ul {width:28%; display:inline-block; padding:0 2%; vertical-align:top; text-align:left; *display:inline; *zoom:1;}
.pad .history ul li {margin-bottom:30px;}
.pad .history ul li label {float:auto; font-size:24px; font-weight:bold; display:block; vertical-align:middle; width:100%; margin-bottom:10px;}
.pad .history ul li label i {width:25px; display:inline-block; margin-right:5px;}
.pad .history ul li label i img {width:100%; vertical-align:top;}
.pad .history ul li p {display:block; vertical-align:middle; line-height:18px; margin-left:0;}

.pad .history .history_tit {margin-bottom:50px; text-align:center;}
.pad .history .history_tit p.tit {color:#ff9900; font-size:40px; font-weight:bold; margin-bottom:10px;}
.pad .history .history_tit p.st {margin-bottom:10px;}
.pad .history .history_tit p.txt {font-size:14px; color:#333; font-size:20px; font-weight:bold;}

/* // 1200이하 미디어쿼리 */



/* 768이하 미디어쿼리 */
.pad.smart .top_navi {height:300px; margin-bottom:30px;}/*상단이미지*/

.pad.smart .top_navi h1 {width:90px; left:20px; top:20px;}/*로고*/
#wrap.pad.smart.side .top_navi h1 {display:none;}

.pad.smart .top_navi p.doc_edge span {top:50px;}/* 상단텍스트 */
.pad.smart .top_navi p.doc_edge span.small {font-family: Cambria, sans-serif; font-size:14px; margin-bottom:10px;}
.pad.smart .top_navi p.doc_edge span.small.hn {font-size:12px; margin-bottom:10px; font-weight:bold;}
.pad.smart .top_navi p.doc_edge span.big {font-size:35px; margin-bottom:20px;}
.pad.smart .top_navi p.doc_edge span.txt {line-height:18px; font-size:12px; padding:0 40px;}
.pad.smart .top_navi p.doc_edge a.app_btn {display:inline-block; position:relative; top:160px;}
#wrap.side.pad.smart .top_navi a.side_btn span {display:none;}
.pad.smart .top_navi .left_btn img{width:10px; height:25px}
.pad.smart .top_navi .right_btn img{width:10px; height:25px}


.pad.smart .body_menu {overflow:auto; text-align:center; margin-bottom:20px;}
.pad.smart .body_menu ul {display:inline-block; width:600px; padding-bottom:25px;}
.pad.smart .body_menu ul li {display:inline-block; margin:0 5px; *display:inline; *zoom:1;}/* 메뉴 */
.pad.smart .body_menu ul li a {display:block; font-size:12px; text-align:center; color:#999; font-weight:bold; letter-spacing:-1px;}
.pad.smart .body_menu ul li a i {display:none;}


.pad.smart .best_portfolio .site_edge .site_bg {width:95%; box-shadow:0 5px 10px silver; position:relative; margin-top:10%;} /* 메인베스트포트폴리오 */
.pad.smart .best_portfolio .mobile_edge {display:none;}

.pad.smart .best_portfolio .portfolio_doc {position:relative; right:auto; left:auto; top:auto; width:auto; margin:20% 5% 15% 5%;}
.pad.smart .best_portfolio .portfolio_doc p {margin-bottom:3%;}
.pad.smart .best_portfolio .portfolio_doc p span.tit {font-size:14px; margin-bottom:1%;}
.pad.smart .best_portfolio .portfolio_doc p span.txt {font-size:12px; line-height:16px;}

.pad.smart .main_initial {padding:3% 0; }/* 메인이니셜1 */
.pad.smart .main_initial span.big {font-size:22px; font-weight:bold; margin-bottom:5px;}
.pad.smart .main_initial span.txt {font-size:14px;}


.pad.smart .function_list {margin-bottom:5%;}/* 메인 기능리스트 */
.pad.smart .function_list ul {text-align:center;}
.pad.smart .function_list ul li {width:auto; display:block; text-align:left; padding:2% 5% 5% 5%; vertical-align:top;}
.pad.smart .function_list ul li i {display:inline-block; width:50px; margin-bottom:2%; margin-right:2%;}
.pad.smart .function_list ul li i img {width:100%;}
.pad.smart .function_list ul li p.tit {display:inline-block; font-size:14px; font-weight:bold; color:#333; margin-bottom:3%;}
.pad.smart .function_list ul li p.doc{display:block; color:#888; line-height:20px;}



.pad.smart .site_step {padding:3%;}/* 메인홈피제작절차*/
.pad.smart .site_step p.site_tit {display:block; font-size:20px; font-weight:bold; text-align:center; margin:5% 0;}
.pad.smart .site_step ul li {width:95%; height:auto; margin:0 3%; margin-bottom:30px; padding-bottom:25px; transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out;  -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out}
.pad.smart .site_step ul li i.site_img {display:inline-block; width:80px; margin:0 auto; margin-bottom:10px;}
.pad.smart .site_step ul li i.site_img img {width:100%;}
.pad.smart .site_step ul li p.tit {display:inline-block; font-size:14px; color:#333; margin-bottom:10px; font-weight:bold;}
.pad.smart .site_step ul li p.txt {display:block; font-size:11px; padding:0 10%; text-align:left; line-height:18px; color:#888;}

.pad.smart .site_step ul li p.arr2 {display:block; width:35px; position:absolute; top:auto; bottom:-18px; left:50%; margin-left:-17px;}
.pad.smart .site_step ul li p.arr2 img {width:100%;}
.pad.smart .site_step ul li p.arr {display:none;}

.pad.smart .site_step a.btn {margin:7% auto 15% auto;}




.pad.smart .mobile_char ul li {width:auto; float:none; padding:10% 5% 10% 5%}




.pad.smart .images_edge {}
.pad.smart .images_edge > p {position:relative; display:block;}
.pad.smart .images_edge > p img {width:100%;}

.pad.smart .images_edge > p span {position:relative; display:block; width:auto; padding:10% 5% 10% 5%}
.pad.smart .images_edge > p span.td_01 {right:auto; bottom:auto;}
.pad.smart .images_edge > p span.td_02_01 {left:auto; top:auto; border-bottom:none; margin-bottom:0; padding:10% 5% 0 5%;}
.pad.smart .images_edge > p span.td_02_02 {right:auto; bottom:auto;}
.pad.smart .images_edge > p span.td_03 {left:auto; bottom:auto;}
.pad.smart .images_edge > p span.td_04 {width:auto; left:auto; top:auto;}
.pad.smart .images_edge > p span em.big {font-size:22px;}

.pad.smart .images_edge > p span.td_05 {width:auto; left:0; top:3%; margin-bottom:0; border:none; padding-bottom:0px;}
.pad.smart .images_edge > p span.td_05 em.big {font-size:22px; font-weight:bold; margin-bottom:0; text-align:center; padding:0 5% 0 5%; margin-bottom:0; line-height:25px;}
.pad.smart .images_edge > p span.txt_bott {width:auto; line-height:20px; text-align:left; position:relative; bottom:auto;}
.pad.smart .images_edge > p.txt_big{font-size:20px; padding-bottom:54px}


.pad.smart .images_edge .ponsive_chara {display:none;}
.pad.smart .images_edge .ponsive_chara_middle {display:none;}


.pad.smart .images_edge .ponsive_chara_slim {position:relative; display:block; background:url(http://www.imandoo.co.kr/images/ponsive_02_2.jpg) right bottom no-repeat; padding:5%;}
.pad.smart .images_edge .ponsive_chara_slim p.title {font-size:16px; width:100%; text-align:center; font-weight:bold; color:#fff; line-height:23px; margin-bottom:10%;}
.pad.smart .images_edge .ponsive_chara_slim ul {*zoom:1;}
.pad.smart .images_edge .ponsive_chara_slim ul:after {content:""; clear:both; height:0%; display:block;}
.pad.smart .images_edge .ponsive_chara_slim ul li {margin-bottom:12%;}
.pad.smart .images_edge .ponsive_chara_slim ul li p {margin:0 10%; color:#fff; display:block;}

.pad.smart .images_edge .ponsive_chara_slim ul li p.top {font-weight:bold; *zoom:1; margin-bottom:5%;}
.pad.smart .images_edge .ponsive_chara_slim ul li p.top:after {content:""; clear:both; height:0%; display:block;}
.pad.smart .images_edge .ponsive_chara_slim ul li p.top span {}
.pad.smart .images_edge .ponsive_chara_slim ul li p.top span.num {font-weight:bold; font-size:14px; font-weight:bold;}
.pad.smart .images_edge .ponsive_chara_slim ul li p.top span.txt {font-weight:bold; font-size:14px;}

.pad.smart .images_edge .ponsive_chara_slim ul li p.bott {font-size:12px; line-height:18px;}


.pad.smart .portfolio_list ul li {width:auto; *width:auto; float:none; vertical-align:top;}



/*.pad.smart .footer ul li {background:url(http://www.imandoo.co.kr/images/line_01.gif) right no-repeat; padding-right:5px; margin-right:5px; float:none; display:inline-block; *display:inline; *zoom:1;}
.pad.smart .footer p.copy span {display:block;}*/



.pad.smart #mlayer_order {position:relative; padding:0 10px;}
.pad.smart #mlayer_order h2 {display:block; padding:10px 0 0 0px; width:150px;}
.pad.smart #mlayer_order a.close {position:absolute; right:10px; top:10px;}
.pad.smart #mlayer_order .oredr_form {margin:10px auto 0 auto;}

.pad.smart #mlayer_order .oredr_form p.tit {*zoom:1; color:#fff; border-bottom:1px solid #fff; padding-bottom:10px; margin-bottom:10px; display:none;}
.pad.smart #mlayer_order .oredr_form p.tit:after {content:""; clear:both; height:0%; display:block;}
.pad.smart #mlayer_order .oredr_form p.tit strong {font-size:14px; float:none; display:inline-block; width:auto;}
.pad.smart #mlayer_order .oredr_form p.tit span {display:display:inline-block; margin-left:0px; font-size:12px; padding-top:5px; font-weight:bold;}
.pad.smart #mlayer_order .oredr_form p.stit {display:none;}
.pad.smart #mlayer_order .oredr_form ul li {border-top:1px solid #3daaba; padding:10px 0;}
.pad.smart #mlayer_order .oredr_form ul li p.input_tit {float:none; display:block; padding-left:10px; text-align:left; font-size:12px; color:#3daaba; font-weight:bold; width:auto; margin-bottom:10px;}
.pad.smart #mlayer_order .oredr_form ul li .fild_edge {margin-left:10px; *zoom:1;}
.pad.smart #mlayer_order .oredr_form ul li .fild_edge p {display:block; margin-bottom:3px; color:#3daaba; font-weight:bold;}

.pad.smart #mlayer_order .oredr_form ul li .fild_edge p.w50 {float:none; width:auto; *width:auto; display:block; margin:0; padding:0 0 5px 0;}
.pad.smart #mlayer_order .oredr_form ul li .fild_edge p.line {border:none; padding:0 0 5px 0;}
.pad.smart #mlayer_order .oredr_form ul li .fild_edge p.w100 span textarea {width:100%; border:1px solid #3daaba; height:50px; line-height:20px;}

.pad.smart #mlayer_order .oredr_form .btn {position:relative;}
.pad.smart #mlayer_order .oredr_form .btn a {display:block; position:absolute; left:50%; top:-50px; margin-left:-32px;}



.pad.smart .service {background:#00020a; position:relative; margin-bottom:50px; height:1000px;}
.pad.smart .service img {width:100%;}
.pad.smart .service .list {position:absolute; bottom:3%; left:5%; right:auto; width:auto;}
.pad.smart .service ul {width:auto; float:none;}
.pad.smart .service ul li {width:auto; float:left; margin-bottom:7%; vertical-align:top;}
.pad.smart .service ul li p.tit {border-top:3px solid #fff; width:42%; font-size:16px; font-weight:bold; color:#fff; margin-right:20px; margin-bottom:5px; padding-top:5px;}
.pad.smart .service ul li p.txt {color:#fff; margin-right:20px; line-height:18px;}



.pad.smart .history {text-align:center;}
.pad.smart .history ul {width:auto; display:block; padding:0 2%; vertical-align:top; text-align:left; margin-left:5%;}
.pad.smart .history ul li {margin-bottom:30px;}
.pad.smart .history ul li label {float:auto; font-size:24px; font-weight:bold; display:block; vertical-align:middle; width:100%; margin-bottom:10px;}
.pad.smart .history ul li label i {width:25px; display:inline-block; margin-right:5px;}
.pad.smart .history ul li label i img {width:100%; vertical-align:top;}
.pad.smart .history ul li p {display:block; vertical-align:middle; line-height:18px; margin-left:0;}

.pad.smart .history .history_tit {margin-bottom:50px; text-align:center; padding:3%;}
.pad.smart .history .history_tit p.tit {color:#ff9900; font-size:20px; font-weight:bold; margin-bottom:10px;}
.pad.smart .history .history_tit p.st {margin-bottom:10px;}
.pad.smart .history .history_tit p.txt {font-size:14px; color:#333; font-size:14px; font-weight:bold;}


.pad.smart .location {background:url(http://www.imandoo.co.kr/images/bg_location_up.gif) top repeat-x;}
.pad.smart .location .edge {background:url(http://www.imandoo.co.kr/images/bg_location_dn.gif) bottom repeat-x;}
.pad.smart .location .edge p.tit {font-size:24px; display:block; text-align:center; font-weight:bold; padding:30px 0;}

.pad.smart .location .edge ul {text-align:left; padding-bottom:30px;}
.pad.smart .location .edge ul li {text-align:left; display:inline-block; *display:inline; *zoom:1; width:auto; vertical-align:top; padding:0 20px; margin-bottom:20px;}
.pad.smart .location .edge ul li label {font-size:14px; font-weight:bold; color:#333; margin-bottom:10px; display:block;}
.pad.smart .location .edge ul li p.txt {line-height:18px;}
.pad.smart .location .edge ul li p.txt span {display:inline-block; margin-right:15px;}
.pad.smart .location .edge ul li p.txt em {display:block;}

/* // 768이하 미디어쿼리 */

/* 해더 메뉴 */
@media all and (max-width:630px){
.Hmenu{ display:none; }
.pad.smart .top_navi h1 { left:34%; top:-10px; }

/*.pad.smart .top_navi h2 { right:-20px; top:0; }*/
.pad.smart .top_navi h2 { display:none; }
.top_navi h1 img { width:140%; max-width:200% !important;}
.top_navi h2 img { width:8%; }

.top_navi a.side_btn { right:20px;  top:20px; }
.top_navi p.doc_edge span.tel {font-size:22px; padding-top:20px;}
.pad.smart .top_navi p.doc_edge a.app_btn{top:80px}
.pad.smart .bottomButton img {width:65%; margin-top:-20%;}
.pad.smart .top_navi p.doc_edge span.big {font-size:25px; font-weight:bold; text-shadow:1px 1px 2px #868686; margin-bottom:30px;padding-top:5px; line-height:40px;}
.pad.smart .best_portfolio h2 { margin-left:2%; }


.pad.smart .main_initial2 {background:#a6d9df; position:relative; z-index:2; padding:2% 0; text-align:left; padding-left:1%; margin-bottom:0%; }
.pad.smart .main_initial2 span {display:block;}
.pad.smart .main_initial2 span.big {font-size:14px; padding-left:0; text-align:left; text-shadow:1px 1px 2px #868686; color:#fff;}
.pad.smart .main_initial2 span.txt {font-size:12px; padding-left:0; text-align:left; text-shadow:1px 1px 2px #868686; color:#fff;}
.pad.smart .main_initial2 span.img {padding-left:50%; }
.pad.smart .main_initial2 span img {display:block; width:50%; position:absolute; top:0; right:-30%; }
.pad.smart .m_bottom_history{display:block; width:100%;  }
.pad.smart .m_bottom_history_01{display:block; width:100%;  }
.pad.smart .m_bottom_history_02{display:block; width:100%;  }
.pad.smart .m_bottom_history_03{display:block; width:100%;  }
.pad.smart .m_mapArea{display:block; width:100%; margin-top:10px; }
}

/* @media all and (max-width:630px){ */
.pad.smart .body_menu{display:none}
/* } */

@media all and (max-width:480px){
.top_navi p.doc_edge span.big {font-size:30px}
.main_initial span.big {font-size:18px}
.main_initial span.txt {font-size:12px;}

.main_initial2 {background:#a6d9df; position:relative; z-index:2; padding:2% 0; text-align:left; padding-left:1%; margin-bottom:0%; }
.main_initial2 span {display:block;}
.main_initial2 span.big {font-size:14px; padding-left:0; text-align:left; text-shadow:1px 1px 2px #868686; color:#fff;}
.main_initial2 span.txt {font-size:12px; padding-left:0; text-align:left; text-shadow:1px 1px 2px #868686; color:#fff;}
.main_initial2 span.img {padding-left:50%; }
.main_initial2 span img {display:block; width:50%; position:absolute; top:0; right:-30%; }


.main_initial3 {background:#f5f5f5; position:relative; z-index:2; padding:2% 0; text-align:center; margin-top:10px; }
.main_initial3 span {display:block;}
.main_initial3 span.big {font-size:14px; font-weight:bold; margin-bottom:20px;}
.main_initial3 span.txt {font-size:12px}


.m_bottom_history{display:block; width:100%; margin-top:15px;  }
.m_bottom_history_01{display:block; width:100%; }
.m_bottom_history_02{display:block; width:100%; }
.m_bottom_history_03{display:block; width:100%; margin:10px; }
.m_mapArea{display:block; width:100%; margin-top:10px; }
}