@font-face{
 font-family:NanumBarunGothic;
 font-style:normal; 
 src: url('/css/NanumBarunGothic.eot');src: url('/css/NanumBarunGothic.eot?') format('eot');src:url('/css/NanumBarunGothic.woff') format('woff'), url('/css/NanumBarunGothic.ttf') format('truetype');
}
html {height:100%; margin:0; padding:0;-webkit-text-size-adjust:100%;}
body {height:100%; margin:0; padding:0;;display:none}

*{-webkit-tap-highlight-color:  rgba(0, 0, 0, 0)}
*{-moz-tap-highlight-color:  rgba(0, 0, 0, 0)}
*{-o-tap-highlight-color:  rgba(0, 0, 0, 0)}
/* ½ºÅ² ¹é±×¶ó¿îµå .bodyºÎºÐ°ú page-background´Â bgº¯°æ ¿Ü¿¡´Â °ÅÀÇ °Çµå¸®Áö ¾Ê´Â´Ù. */
#page-background {position:fixed; top:0; left:0; width:100%; height:100%; margin:0; padding:0;background:#E1E1E1}
#index {position:relative; z-index:1; margin:0 auto; padding:0;width:480px;min-height:100%;}
.body {
    background: transparent;
	background-repeat: repeat;
	font-family:"NanumBarunGothic";
	background:#E1E1E1;
	overflow:hidden;
	letter-spacing:0px;
}

.profile {
	background-color:transparent;
	background-size: 100% 100%;
	padding:0px;
	margin-top:0px;
}
a {
	selector-dummy: expression(this.hideFocus=true);
	outline:0;
}
a:link, a:visited, a:active {
	line-height: 20pt;
	font-family: "NanumBarunGothic";
	text-decoration: none;
	color:#17a2a9;
}
/* ¿À¸¥ÂÊ ¸Þ´º ³ªÅ¸³ª´Â ¾Ö´Ï¸ÞÀÌ¼Ç ½ÃÀÛ */
.menuShow { 
	-moz-animation-duration: 0.4s;
	-o-animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s; 
    animation-duration: 0.4s; 
    -moz-animation-fill-mode: both; 
    -o-animation-fill-mode: both; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -moz-animation-timing-function: ease; 
    -o-animation-timing-function: ease; 
    -webkit-animation-timing-function: ease; 
    animation-timing-function: ease;
    -webkit-animation-name: menuShow;
	-moz-animation-name: menuShow;
	-o-animation-name: menuShow;
	animation-name: menuShow;
}

@keyframes menuShow {
	from {transform: translateX(50px) scale3d(0.8,0.8,0.8);opacity:0.5}
	to {transform: translateX(0px) scale3d(1,1,1); opacity:1}
}
@-webkit-keyframes menuShow {
	from {-webkit-transform: translateX(50px) scale3d(0.8,0.8,0.8);opacity:0.5}
	to {-webkit-transform: translateX(0px) scale3d(1,1,1);opacity:1}
}
@-moz-keyframes menuShow {
	from {-moz-transform: translateX(50px) scale3d(0.8,0.8,0.8);opacity:0.5}
	to {-moz-transform: translateX(0px) scale3d(1,1,1);opacity:1}
}
@-o-keyframes menuShow {
	from {-o-transform: translateX(50px) scale3d(0.8,0.8,0.8);opacity:0.5}
	to {-o-transform: translateX(0px) scale3d(1,1,1);opacity:1}
}
/* ¿À¸¥ÂÊ ¸Þ´º ³ªÅ¸³ª´Â ¾Ö´Ï¸ÞÀÌ¼Ç ³¡ */

/* ¿À¸¥ÂÊ ¸Þ´º »ç¶óÁö´Â ¾Ö´Ï¸ÞÀÌ¼Ç ½ÃÀÛ */
.menuHide { 
	-moz-animation-duration: 0.4s;
	-o-animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s; 
    animation-duration: 0.4s; 
    -moz-animation-fill-mode: both; 
    -o-animation-fill-mode: both; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -moz-animation-timing-function: ease; 
    -o-animation-timing-function: ease; 
    -webkit-animation-timing-function: ease; 
    animation-timing-function: ease;
    -webkit-animation-name: menuHide;
	-moz-animation-name: menuHide;
	-o-animation-name: menuHide;
	animation-name: menuHide;
}

@keyframes menuHide {
	from {transform: translateX(0px) scale3d(1,1,1);opacity:1}
	to {transform: translateX(50px) scale3d(0.8,0.8,0.8);opacity:0.5}
}
@-webkit-keyframes menuHide {
	from {-webkit-transform: translateX(0px) scale3d(1,1,1);opacity:1}
	to {-webkit-transform: translateX(50px) scale3d(0.8,0.8,0.8);opacity:0.5}
}
@-moz-keyframes menuHide {
	from {-moz-transform: translateX(0px) scale3d(1,1,1);opacity:1}
	to {-moz-transform: translateX(50px) scale3d(0.8,0.8,0.8);opacity:0.5}
}
@-o-keyframes menuHide {
	from {-o-transform: translateX(0px) scale3d(1,1,1);opacity:1}
	to {-o-transform: translateX(50px) scale3d(0.8,0.8,0.8);opacity:0.5}
}
/* ¿À¸¥ÂÊ ¸Þ´º »ç¶óÁö´Â ¾Ö´Ï¸ÞÀÌ¼Ç ³¡ */

/* ¸ÞÀÎÄÁÅÙÃ÷ À̵¿ÇÏ´Â ¾Ö´Ï¸ÞÀ̼Ç(¿ÞÂÊ) ½ÃÀÛ */
.pageSlideLeft { 
	-moz-animation-duration: 0.4s;
	-o-animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s; 
    animation-duration: 0.4s; 
    -moz-animation-fill-mode: both; 
    -o-animation-fill-mode: both; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -moz-animation-timing-function: ease; 
    -o-animation-timing-function: ease; 
    -webkit-animation-timing-function: ease; 
    animation-timing-function: ease;
    -webkit-animation-name: pageSlideLeft;
	-moz-animation-name: pageSlideLeft;
	-o-animation-name: pageSlideLeft;
	animation-name: pageSlideLeft;
}

@keyframes pageSlideLeft {
	from {transform: translateX(0px)}
	to {transform: translateX(-227px)}
}
@-webkit-keyframes pageSlideLeft {
	from {-webkit-transform: translateX(0px)}
	to {-webkit-transform: translateX(-227px)}
}
@-moz-keyframes pageSlideLeft {
	from {-moz-transform: translateX(0px)}
	to {-moz-transform: translateX(-227px);}
}
@-o-keyframes pageSlideLeft {
	from {-o-transform: translateX(0px)}
	to {-o-transform: translateX(-227px)}
}
/* ¸ÞÀÎÄÁÅÙÃ÷ À̵¿ÇÏ´Â ¾Ö´Ï¸ÞÀ̼Ç(¿ÞÂÊ) ³¡ */

/* ¸ÞÀÎÄÁÅÙÃ÷ À̵¿ÇÏ´Â ¾Ö´Ï¸ÞÀ̼Ç(¿À¸¥ÂÊ) ½ÃÀÛ */
.pageSlideRight { 
	-moz-animation-duration: 0.4s;
	-o-animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s; 
    animation-duration: 0.4s; 
    -moz-animation-fill-mode: both; 
    -o-animation-fill-mode: both; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -moz-animation-timing-function: ease; 
    -o-animation-timing-function: ease; 
    -webkit-animation-timing-function: ease; 
    animation-timing-function: ease;
    -webkit-animation-name: pageSlideRight;
	-moz-animation-name: pageSlideRight;
	-o-animation-name: pageSlideRight;
	animation-name: pageSlideRight;
	margin:0 auto;
}

@keyframes pageSlideRight {
	from {transform: translateX(-227px);)}
	to {transform: translateX(0px);}
}
@-webkit-keyframes pageSlideRight {
	from {-webkit-transform: translateX(-227px)}
	to {-webkit-transform: translateX(0px)}
}
@-moz-keyframes pageSlideRight {
	from {-moz-transform: translateX(-227px)}
	to {-moz-transform: translateX(0px)}
}
@-o-keyframes pageSlideRight {
	from {-o-transform: translateX(-227px)}
	to {-o-transform: translateX(0px)}
}
/* ¸ÞÀÎÄÁÅÙÃ÷ À̵¿ÇÏ´Â ¾Ö´Ï¸ÞÀ̼Ç(¿À¸¥ÂÊ) ³¡ */

p {margin-top:0px;margin-bottom:0px;word-wrap:break-word;}
#topTitleArea{position:relative;}
/* ¸Þ´º ±Û¾¾ css */
.title_ellipsis {overflow:hidden; text-align:left; color:#fff; text-overflow:ellipsis; font-size:19px;line-height:54px;height:56px;padding-left:30px;width:414px;margin-top:0;}
#topFixArea {position:absolute;top:0;height:389px; width:480px;background:url('/template/222_interpink/img/img_bg.png');z-index:10}

/* ÇÁ·ÎÇÊ À̹ÌÁö ½ÃÀÛ */
#profileimage {position:absolute; left:16px;top:273px;width:110px;z-index:0}
#profileLayer {position:absolute; left:16px;top:273px;width:110px;height:110px;z-index:999999999999;cursor:pointer}
#profileimage img {width:110px; height:110px;}
#gallery {position:relative; width:110px; height:110px; margin:0px; padding:0px; border:0px;}
#image {position:relative; width:110px; height:110px; padding:0px; border:0px;}
#image img {position:relative; top:0px; left:0px; width:110px; height:110px; border:0px; z-index:1;}
#thumbarea {position:absolute; height:30px; width:125px; z-index:100; padding-left:0px; text-align:center; top:100px; display:none}
#thumbs {position:relative; list-style:none; margin-left:3px; height:30px; width:125px; padding-left:5px;  text-align:center;}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
#thumbs li img {width:30px; height:30px;}
/* ÇÁ·ÎÇÊ À̹ÌÁö ³¡ */

/* À̸§, ÀüÈ­¹øÈ£, Æѽº µî ÀԷ¶õ ½ÃÀÛ */
#boxarea {display:none;background-position-x:13px;ont-size: 17px; color: #000000; border:0px; line-height: 1.7em; height:166px;position:relative;z-index:1}
#boxarea table {width:310px !important}
#name {position:absolute;top:349px;left:140px;text-align: left;z-index:99999999;line-height:30px}
.name{font-size:24px;color:#fff}
.division{font-size:17px;color:#fff}
.office{color:#fff;font-size:17px;}
#nameBox{width:100%;height:163px;vertical-align:bottom;}
#mobile {color:#17a2a9;;margin:-4px 0 3px 0;}
#email {color:#17a2a9;;margin:-4px 0 10px 0;}
#tel {color:#17a2a9;;margin:-4px 0 3px 0;}
/* À̸§, ÀüÈ­¹øÈ£, Æѽº µî ÀԷ¶õ ³¡ */

/* Àλñ¸» ¿µ¿ª ½ÃÀÛ */
#msgWrapper{padding-top:389px;background:#F2F2F2}
#msgBox {padding:0px;width:480px;margin:auto}
#msg {color:#1B1B1B;text-align:left; width:430px; padding: 20px 25px 17px 25px; font-size:18px; word-wrap:break-word;margin:auto;line-height:140%}
#msgBottom{width:100%;height:14px;background:url('/template/222_interpink/img/msg_bottom.png') no-repeat}
/* Àλñ¸» ¿µ¿ª ³¡ */

/* ¸Þ´º ¿µ¿ª ½ÃÀÛ */
#bannerBox {padding-top:19px;width:444px;margin:auto;position:relative;}
.banner0{margin-bottom:5px;background:url('/template/222_interpink/img/menu1_bg.png') no-repeat}
.banner1{margin-bottom:5px;background:url('/template/222_interpink/img/menu2_bg.png') no-repeat}
.banner2{margin-bottom:5px;background:url('/template/222_interpink/img/menu1_bg.png') no-repeat}
.banner3{margin-bottom:5px;background:url('/template/222_interpink/img/menu2_bg.png') no-repeat}
.banner4{margin-bottom:5px;background:url('/template/222_interpink/img/menu1_bg.png') no-repeat}
.banner5{margin-bottom:5px;background:url('/template/222_interpink/img/menu2_bg.png') no-repeat}
.banner6{background:url('/template/222_interpink/img/menu1_bg.png') no-repeat}
/* ¸Þ´º ¿µ¿ª ³¡ */

/* Ä«ÇǶóÀÌÆ® ½ÃÀÛ */
#copyright{text-align:center;padding-top:70px;padding-bottom:30px;width:100%}
#copyright img{border:0}
/* Ä«ÇǶóÀÌÆ® ³¡ */

/* ¿À¸¥ÂÊ ¼­ºê¸Þ´º ½ÃÀÛ */
#snsBtn{float:right;position:relative;z-index:10;margin-top:20px;margin-right:20px;}
#rightSliderBtn3{position:absolute;left:410px;top:0;width:70px;height:70px;cursor:pointer;position:relative;z-index:9999;background:#000;opacity:0;filter:alpha(opacity=0)}
#rightSlider3{height:100%;width:226px;position:fixed;right:50%;margin-right:-240px;top:0;background:#000;z-index:0;overflow:hidden;display:none;border-left:1px solid #414046}
#rightSliderBox{width:100%;height:100px;background:#000}
#snsTitle{height:67px;width:100%;border-bottom:1px solid #262626;text-align:center;}
#snsTitle img{margin-top:26px;}
#stitleSns{width:100%;height:79px;padding-left:10px;text-align:left;}
#stitleSns img{margin-top:33px}
#snsBox{width:206px;margin:auto;overflow:hidden}
#snsBoxTop{width:206px;height:2px;background:url('/template/img//common/rightmenu/sns_box_top.png');margin:auto}
#snsBoxMiddle{width:206px;background:url('/template/img//common/rightmenu/sns_box_middle.png') repeat;overflow:hidden;margin:auto}
#snsBoxBottom{width:206px;height:2px;background:url('/template/img//common/rightmenu/sns_box_bottom.png');float:left;margin:auto}
#snsBox div{text-align:center}
#stitleContact{width:100%;height:77px;padding-left:10px;line-height:93px;text-align:left}
#stitleContact img{margin-top:31px}
#smsBox{width:206px;margin:auto;overflow:hidden}
#smsBoxTop{width:206px;height:2px;background:url('/template/img//common/rightmenu/sns_box_top.png');float:left}
#smsBoxMiddle{width:206px;background:url('/template/img//common/rightmenu/sns_box_middle.png') repeat;overflow:hidden}
#smsBoxBottom{width:206px;height:2px;background:url('/template/img//common/rightmenu/sns_box_bottom.png');float:left}
#smsBox div{text-align:center}
#snsCopy{position:absolute;bottom:1030px;*bottom:30px;right:0;width:100%;height:16px;text-align:center}
/* ¿À¸¥ÂÊ ¼­ºê¸Þ´º ³¡ */