/* ¼­ºê °øÅë */
.subWrap { float:left; width:100%; padding:60px 0; }
.subWrap:after { content:''; clear:both; display:block; }
.subWrapB { float:left; width:100%;padding:60px 0; }
.subWrapB:after { content:''; clear:both; display:block; }

.m0 { margin:0; padding:0; }
.mt20 { margin-top:20px; }
.-mt20 { margin-top:-20px; }
.mt40 { margin-top:40px; }
.-mt40 { margin-top:-40px; }
.mt60 { margin-top:60px; }
.-mt60 { margin-top:-60px; }
.mb20 { margin-bottom:20px; }
.-mb20 { margin-bottom:-20px; }
.mb40 { margin-bottom:40px; }
.-mb40 { margin-bottom:-40px; }
.mb60 { margin-bottom:60px; }
.-mb60 { margin-bottom:-60px; }

.subBoard { width:1000px; margin:0 auto; }
.subBoard650 { width:650px; margin:0 auto; }
.subSection { width:1200px; margin:0 auto; }
.subSection > h1 { font-size:40px; font-weight:200; letter-spacing:-0.07em; }
.subSection > h2 { white-space:pre-line; font-size:26px; font-weight:200; letter-spacing:-0.04em; margin:40px 0; }
.subSection > h2 > span { font-weight:300; }
.subSection > h2 > span.under { border-bottom:1px solid #ccc; }
.subSection > h3 { white-space:pre-line; font-weight:200; font-size:17px; line-height:28px; letter-spacing:-0.03em; }
.subSection > h3 > span { font-weight:400; color:#b7343d; }

#quickR {position:fixed;left:50%;margin-left:600px;top:100px;z-index:150;}
#quickr img {display:block;}

/* ¼­ºê ŸÀÌƲ */
.aboutTitle { float:left; width:100%; max-width:2400px; min-width:1200px; height:450px; background:url('../image/sub_bubbleinfo_bg.jpg') center top no-repeat #A9A9A9; background-size:cover; text-align:center; }
.bubbleTitle { float:left; width:100%; max-width:2400px; min-width:1200px; height:450px; background:url('../image/sub_bubble_info.jpg') center top no-repeat #A9A9A9; background-size:cover; text-align:center; }
.sandartTitle { float:left; width:100%; max-width:2400px; min-width:1200px; height:450px; background:url('../image/sub_sandart_bg.jpg') center top no-repeat #A9A9A9; background-size:cover; text-align:center; }
.magicTitle { float:left; width:100%; max-width:2400px; min-width:1200px; height:450px; background:url('../image/sub_magic_bg.jpg') center top no-repeat #A9A9A9; background-size:cover; text-align:center; }
.mimeTitle { float:left; width:100%; max-width:2400px; min-width:1200px; height:450px; background:url('../image/sub_mimebg.jpg') center top no-repeat #A9A9A9; background-size:cover; text-align:center; }
.movieTitle { float:left; width:100%; max-width:2400px; min-width:1200px; height:450px; background:url('../image/sub_caricaturebg.jpg') center top no-repeat #A9A9A9; background-size:cover; text-align:center; }
.mimeTitle1 { float:left; width:100%; max-width:2400px; min-width:1200px; height:450px; background:url('../image/sub_gospelbg.jpg') center top no-repeat #A9A9A9; background-size:cover; text-align:center; }
.customerTitle { float:left; width:100%; max-width:2400px; min-width:1200px; height:450px; background:url('../image/sub_customerbg.jpg') center top no-repeat #A9A9A9; background-size:cover; text-align:center; }

.titleBox {width:700px; margin:100px auto 0; text-align:center; }
.aboutTitle > .titleBox {width:700px; margin:70px auto 0; text-align:center; }
.bubbleTitle  > .titleBox {width:700px; margin:70px auto 0; text-align:center; }
.sandartTitle   > .titleBox {width:700px; margin:70px auto 0; text-align:center; }
.etcTitle > .titleBox {width:700px; margin:80px auto 0; text-align:center; }
.titleBox > h1 { line-height:24px; font-size:50px; font-weight:700; color:#fff; letter-spacing:0.1em; text-shadow:0px 0px 7px rgba(0,0,0,0.2); }
.titleBox > hr.titleLine { clear:both; content:''; height:1px; width:300px; margin:30px auto 15px; border:0; background:rgba(255,255,255,0.3); }
.titleBox > h2 { line-height:38px; font-size:32px; color:#fff; font-weight:200; width:750px; letter-spacing:-0.07em; text-shadow:0px 0px 7px rgba(0,0,0,0.6); }

/*sub contents*/
#contents{width:100%; min-height:400px; text-align:left;}
#contents .titleArea {position:relative; width: 1200px; text-align: center; margin: 50px auto 30px;}
#contents .titleArea h3 {font-size: 36px; font-weight: 600; color: #484848; line-height: 36px;}
#contents .titleArea2 {width: 1200px; margin: 0 auto 70px;}
#contents .titleArea2 h4 {background: url('../image/bg_blue_title.gif') no-repeat center bottom; font-size: 30px; font-weight: 600; color: #1a1d75; line-height: 30px; margin-bottom: 25px; padding-bottom: 25px; text-align: center;}
#contents .titleArea2 p {text-align: left; font-size: 18px; line-height: 27px;}

.contentsArea {padding-bottom: 50px;}
.contentsArea .section {width: 100%;}
.contentsArea .section .inner {width: 1200px; margin: 0 auto;}
.contentsArea .section_gray {background: #f8f8f8; padding: 70px 0;}
.contentsArea .section_dgray {background: #3f3f3f; padding: 70px 0;}
.contentsArea .section_white {background: #fff; padding: 70px 0;}
.contentsArea .section_white_01 {background: #fff; padding-bottom:70px;}
.contentsArea .section_white_02 {background: #fff; padding:50px 0 80px 0;}
.contentsArea h4.title {font-size: 30px; line-height: 30px; margin-bottom: 20px; font-weight: 600; color: #222; text-align: center;}

/*sub navigation bar*/
#SNB {width: 1200px; margin: -34px auto 0; height: 67px; line-height: 67px; background: #fff; -webkit-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.2); box-shadow: 0px 1px 8px 0px  rgba(0,0,0,0.2);}
#SNB .menu:after {content: ''; display: block; clear: both;}
#SNB .menu {font-size: 0; text-align: center;}
#SNB .menu li {width:150px; text-align: center; display: inline-block; background: url('../image/bg_snb_gap.gif') no-repeat left center;}
#SNB .menu li:first-child {background: none;}
#SNB .menu li a {display: block; font-size: 16px; color: #555; font-family: 'Nanum Gothic', sans-serif;}
#SNB .menu li.snb_on a {color: #b7343d; background: url('../image/bg_snb.gif') repeat-x left bottom; font-weight: 600;}
#SNB .menu.menu_product {display: table; width: 100%;}
#SNB .menu.menu_product li {float: none; display: table-cell; width: 150px; line-height: 20px; height: 67px; vertical-align: middle;}
#SNB .menu.menu_product li a {display: table-cell; width: 150px; height: 67px; vertical-align: middle;}

/* ȸ»ç¼Ò°³ */
.contentsArea .bg_bubble {height:397px; background: url('../image/img_bubble.jpg') no-repeat center top;}
.contentsArea.bubble .inner {padding: 10px 0 0 0;}
.contentsArea.bubble .message h4 {color: #555; font-size: 20px; line-height: 34px; margin-bottom: 25px;}
.contentsArea.bubble .message p {line-height: 28px; color: #555; font-weight: 300;}



/¿À½Ã´Â ±æ*/
/* ¿À½Ã´Â±æ¼­ºêÆäÀÌÁö */
#con_map {width:1024px; position:relative; text-align:left; margin:0 auto;}
#con_map p {margin-bottom:0; font-size:15px; }
.map_pati {position:absolute; width:1px; height:100px; bottom:-80px; background:#00198a; left:50%}
.map_company_img {position:absolute; right:0; top:43px; width:565px; height:275px}
.map_canvas_box {width:700px; height:450px; border:1px solid #dfdfdf}
#subContainer {width:1200px; overflow:hidden; margin:10px auto;}
.sub0106_add_box{width:100%; overflow:hidden; text-align:center; padding:25px 0 35px;}
.sub0106_add_box .t{font-size:24px; font-weight:300; padding:0px 0 10px; }
.sub0106_add_box .c{font-size:18px; font-weight:300; display:inline; margin:0 10px;}


/* ¾ÆƼ½ºÆ®¼Ò°³ */
.subLR { width:100%;margin:-50px auto; }
.subLR > .subLeft40 { float:left; width:40%; }
.subLR > .subRight60 { float:right; width:60%; }
.subText { width:100%; margin:10px 0 16px; padding-bottom:16px; border-bottom:1px solid #ddd; }
.subText:last-child { margin:10px 0 0px; border:0;}
.subText > h1 { font-weight:300; font-size:22px; color:#000; margin-bottom:10px; letter-spacing:-.03em; }
.subText > h2 { white-space:pre-line; font-weight:300; font-size:16px; color:#777; letter-spacing:-0.03em; }
.subText > .phil_icon01 { float:left; margin:0 60px; width:85px; height:85px; background:url('/v2/img/phil_03_01.png') center center no-repeat; }
.subText > .phil_icon02 { float:left; margin:0 60px; width:85px; height:85px; background:url('/v2/img/phil_03_02.png') center center no-repeat; }
.subText > .phil_icon03 { float:left; margin:0 60px; width:85px; height:85px; background:url('/v2/img/phil_03_03.png') center center no-repeat; }
.philslo { float:left; width:100%; text-align:center; margin:20px auto; }
.phil { margin:30px auto; width:940px; }
.philText { padding:20px 0 30px; }


/* ¼îÇθô·Ñ */


button{overflow:visible;border:none;cursor:pointer;margin:0;padding:0;}

#mainVisual{clear:both; position:relative; width:960px; margin-top:0px; overflow:hidden;}
#mainVisual .visual-item{position:relative; width:100%; overflow:hidden;}
#mainVisual .visual-item > img{
	width:960px;
	-webkit-transition:transform 5000ms  ease-in-out ; 
	-moz-transition:transform 5000ms ease-in-out ;
	-o-transition:transform 5000ms ease-in-out ;
	-ms-transition:transform 5000ms ease-in-out ;
    transition:transform 5000ms ease-in-out ;