@charset "euc-kr";
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
/**********************************************
* ½ºÅÄ´Ùµå¹ÝÀÀÇü SD001 ÄÁÅÙÃ÷ css
* ¹öÀü : 1.6
* ¸±¸®Áî : 2017-10-26
* º» cssÀÇ ÀúÀÛ±ÇÀº µµÆ®ÇǾƿ¡ ÀÖ½À´Ï´Ù.
**********************************************/
/*------------------ ¸ÞÀÎÆäÀÌÁö ½ºÅ¸ÀÏ ------------------ */
/* Å°ºñÁÖ¾ó */
#keyVisual {position:relative; height:800px; overflow:hidden}
#keyVisual .bx-wrapper {height:100%; border:none; background:transparent}
#keyVisual .bx-wrapper .bx-viewport {height:100% !important}
#keyVisual .slides {position:relative; height:100%}
#keyVisual .slides > li {position:absolute; top:0; left:0; width:100%; height:100%;}
#keyVisual .slides > li.slide-1 {background:url(../../img/imgMainvisual01.jpg) center top no-repeat}
#keyVisual .slides > li.slide-2 {background:url(../../img/imgMainvisual02.jpg) center top no-repeat}
#keyVisual .slides > li.slide-3 {background:url(../../img/imgMainvisual03.jpg) center top no-repeat}
#keyVisual .slides > li .text {position:relative; top:47%; max-width:1200px; margin:-156px auto 0; color:#fff}
#keyVisual .slides > li .text span {display:block; font-size:18px; text-shadow:0 2px 2px rgba(0,0,0,0.15)}
#keyVisual .slides > li .text h2 {font-size:70px; letter-spacing:-3px; font-weight:300; margin:10px 0 25px; text-shadow:0 0 12px rgba(0,0,0,0.2)}
#keyVisual .slides > li .text p {font-size:19px; letter-spacing:-1px; font-weight:300; line-height:1.5; margin-bottom:15px; text-shadow:0 2px 2px rgba(0,0,0,0.15)}
#keyVisual .slides > li .text .btn-arrow { width:200px !important; padding:15px;}
#keyVisual .slides > li .text .btn-arrow:hover {box-shadow:0 2px 20px 10px rgba(0,0,0,0.055)}
#keyVisual .bx-controls-direction {opacity:0; transition:opacity 0.3s}
#keyVisual:hover .bx-controls-direction {opacity:1}
#keyVisual .bx-controls-direction a {position:absolute; top:50%; width:80px; height:100px; font-size:28px; text-align:center; line-height:100px; color:#fff !important; text-indent:inherit; margin-top:-50px; background:rgba(0,0,0,0.5); z-index:30 !important}
#keyVisual .bx-prev {left:0}
#keyVisual .bx-next {right:0}
#keyVisual .bx-pager {position:absolute; bottom:120px; left:0; width:100%}
#keyVisual .bx-pager .bx-pager-item {display:inline-block; margin:0 4px}
#keyVisual .bx-pager .bx-pager-item a {display:block; width:20px; height:5px; text-indent:-9999em; margin:0; border-radius:0; background:#fff; opacity:0.5; transition:all 0.35s ease-in-out}
#keyVisual .bx-pager .bx-pager-item a.active {width:40px; background:#f74426; opacity:1}

.bx-viewport ul li .position { width:1164px; height:50px; margin:0 auto; padding-top:480px; z-index:1000; }
.bx-viewport ul li a { display:block;  width:220px; height:50px; background:yellow; z-index:1000; opacity:0; }

.visual-contact { float:left; width:450px; padding:27px 40px; margin-right:50px; border-radius:20px; background:#202020; z-index:100}
.visual-contact h3 {font-size:25px; font-weight:700; color:#fff}
.visual-contact h4 {font-size:21px; font-weight:700; color:#dba225; padding-left:35px; background:url(../../img/main_contact_phone.png) left center no-repeat}
.visual-contact .btn-toggle {position:absolute; top:30px; right:30px; display:block; width:26px; height:23px; text-align:center; line-height:23px; background:#919191}
.visual-contact .btn-toggle span {display:none}
.visual-contact .btn-toggle:after {content:'\e944'; font-family:'xeicon'; color:#fff}
.visual-contact .btn-toggle.slide-up:after {content:'\e941'}
.visual-contact .contact-area {margin-top:10px}
.visual-contact .contact-area table {font-family:inherit !important}
.visual-contact .contact-area form > table > tbody > tr:last-child {display:none}
.visual-contact .contact-area table td {font-family:inherit !important; text-align:left; white-space:nowrap; padding:5px 0; background:transparent !important}
.visual-contact .contact-area table .formmail_title_bgcolor {position:relative; font-weight:700; color:#f1583e; padding:5px 20px}
.visual-contact .contact-area table .formmail_title_bgcolor:before {content:''; position:absolute; top:50%; left:0; display:block; width:1px; height:16px; margin-top:-8px; background:#f1583e}
.visual-contact .contact-area table .formmail_title_bgcolor font {font-size:17px; color:#f1583e !important}
.visual-contact .contact-area table .formmail_cell_bgcolor {font-size:16px; color:#fff; background:transparent !important}
.visual-contact .contact-area table .formmail_cell_bgcolor font {font-size:16px; color:#fff}
.visual-contact .contact-area table .formmail_cell_bgcolor table td {padding-right:15px}
.visual-contact .contact-area input[type=text] {height:25px !important; width:auto; max-width:220px; border-color:#fff !important}
.visual-contact .contact-area input[type=radio], #keyVisual .visual-contact .contact-area input[type=checkbox] {margin-right:5px; vertical-align:middle}
.visual-contact .contact-area .center-btn {padding-top:20px; text-align:center}
.visual-contact .contact-area .center-btn a {display:inline-block; font-size:16px; font-weight:700; color:#fff; padding:8px 30px; background:#f74426; transition:background 0.25s}
.visual-contact .contact-area .center-btn a:hover {background:#e63b1f}
.visual-contact .contact-area .check-agree {display:table}
.visual-contact .contact-area .check-agree > div {display:table-cell; position:relative}
.visual-contact .contact-area .check-agree > .title {padding:5px 20px; font-size:17px; font-weight:700; color:#f1583e}
.visual-contact .contact-area .check-agree > .title:before {content:''; position:absolute; top:50%; left:0; display:block; width:1px; height:16px; margin-top:-8px; background:#f1583e}
.visual-contact .contact-area .check-agree > .cell {font-size:16px; color:#fff; padding:5px 0}
.visual-contact .contact-area .check-agree > .cell a {margin-left:5px; color:#fff}

/* ¼½¼Ç °øÅë */
#mainContainer {position:relative; overflow:hidden}
#mainContainer .main-section {position:relative; padding:100px 0}
#mainContainer .main-section:before, #mainContainer .main-section:after {content:''; display:block}
#mainContainer .main-section:after {clear:both}
#mainContainer .main-section .main-title {margin-bottom:40px; text-align:center}
#mainContainer .main-section .main-title h2 {font-size:42px; font-weight:500; color:#222; margin-bottom:25px}
#mainContainer .main-section .main-title p {font-size:16px; line-height:28px; color:#333}
#mainContainer .main-section > .container {position:relative; max-width:1200px; margin:auto}
#mainContainer .main-section > .container:before, #mainContainer .main-section > .container:after {content:''; display:block}
#mainContainer .main-section > .container:after {clear:both}
#mainContainer .main-section .btn-bottom {clear:both; margin-top:50px; text-align:center}
/* ¸ÞÀÎ ¼½¼Ç - OUR BUSINESS */
#mainContainer .movie_right { float:right; width:590px; height:315px;}
#mainContainer .intro p{ margin-bottom:30px; text-align:left; }
#mainContainer .movie { float:left; width:550px; height:315px; background:gray; }
#mainContainer #section1 .business-grid > li {text-align:center}
#mainContainer #section1 .business-grid > li .imgBox { height:75px; position:relative; overflow:hidden; margin-bottom:30px;}
#mainContainer #section1 .business-grid > li .imgBox:before {position:absolute; top:0; left:0; content:''; width:100%; height:100%; background:#000; opacity:0; transition:opacity 0.25s ease-in-out; z-index:10}
#mainContainer #section1 .business-grid > li .imgBox img { width:70px; }
#mainContainer #section1 .business-grid > li .title { display:inline; font-size:15px; color:#333; margin:0;}
#mainContainer #section1 .business-grid > li p {font-size:15px; font-weight:300; color:#7b7b7b; line-height:1.45; word-break:keep-all; margin-bottom:20px}
/*¸ÞÀÎ ¼½¼Ç - Á¦Ç°¼Ò°³*/
#mainContainer #section3 { position:relative; padding:100px 0 120px; text-align:center;background:#f1f1f1;}
#mainContainer #section3 .container{ width:1160px; margin:0 auto; overflow:hidden; text-align:center;}
#mainContainer #section3 div.tab-frame input{ display:none;}
#mainContainer #section3 div.tab-frame label{ display:inline-block; margin:30px 10px; padding-bottom:5px; font-size:17px; font-weight:700; cursor:pointer; font-family:'Nanum Square';border-bottom:3px solid #f1f1f1;}
#mainContainer #section3 div.tab-frame label:hover { color:#f1583e; border-color: #f1583e;}
#mainContainer #section3 div.tab-frame input:checked + label{ color:#f1583e; border-color: #f1583e;}
#mainContainer #section3 div.tab-frame div.tab{ display:none; width:1160px; height:340px; background:#fff;}
#mainContainer #section3 div.tab-frame div.tab .img { width:50%; height:340px; float:left; background:#333;}
#mainContainer #section3 div.tab-frame div.tab .con { width:50%; float:left; padding:5%; text-align:left; }
#mainContainer #section3 div.tab-frame div.tab .con h3 { font-size:30px; font-weight:600; margin-bottom:10px; color:#000; font-family:'Nanum Square'; }
#mainContainer #section3 div.tab-frame div.tab .con { width:50%; float:left; padding:5%; text-align:left; }
#mainContainer #section3 div.tab-frame div.tab .con p { margin-bottom:30px; line-height:30px; color:#777; font-size:17px; font-family:'Nanum Square';}
#mainContainer #section3 div.tab-frame div.tab .con a { display:inline-block; width:42%; padding:17px; border:1px solid #ddd; font-size:15px; font-family:'Nanum Square'; color:#555; border:1px solid #545454; transition: all 500ms; -webkit-transition: all 500ms; -moz-transition: all 500ms;
z-index: 1;}
#mainContainer #section3 div.tab-frame div.tab .con a:hover { width:45%; background:#545454; color:#fff }
#mainContainer #section3 div.tab-frame div.tab .con a span { float:right;}
#mainContainer #section3 div.tab-frame input:nth-of-type(1):checked ~ .tab:nth-of-type(1),
#mainContainer #section3 div.tab-frame input:nth-of-type(2):checked ~ .tab:nth-of-type(2),
#mainContainer #section3 div.tab-frame input:nth-of-type(3):checked ~ .tab:nth-of-type(3),
#mainContainer #section3 div.tab-frame input:nth-of-type(4):checked ~ .tab:nth-of-type(4),
#mainContainer #section3 div.tab-frame input:nth-of-type(5):checked ~ .tab:nth-of-type(5){ display:block;}
/* ¸ÞÀÎ ¼½¼Ç - PRODUCT */
#mainContainer #section4 {background:url(../../img/Main/bgStartups.png) no-repeat top center; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
#mainContainer #section4 .main-title { overflow:hidden; }
#mainContainer #section4 .start { width:50%; margin-top:30px; float:left; text-align:left;}
#mainContainer #section4 h2 { margin-bottom:10px; }
#mainContainer #section4 p { font-size:17px; font-family:'Nanum Square'; letter-spacing:-1px; line-height:26px; color:#fff;}
#mainContainer #section4 ul { width:100%; margin:25px auto; overflow:hidden;}
#mainContainer #section4 ul li { float:left; width:50%; text-align:left;}
#mainContainer #section4 ul li a { display:block; padding:23px; color:#fff; font-size:19px; font-family:'Nanum Square';border:1px solid #fff; border-left:0; border-bottom:0;transition: border-color 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;}
#mainContainer #section4 ul li:first-child a,
#mainContainer #section4 ul li:nth-child(3) a{ border-left:1px solid #fff;}
#mainContainer #section4 ul li:last-child a,
#mainContainer #section4 ul li:nth-child(3) a{ border-bottom:1px solid #fff;}
#mainContainer #section4 ul li a span { float:right;}
#mainContainer #section4 ul li a:hover { background:#f1583e; border-color:#f1583e;}
#mainContainer #section4 dl { overflow:hidden; width:100%;}
#mainContainer #section4 dl dd { float:left; font-size:36px; font-family:'Nanum Square'; font-weight:700; color:#fff;}
#mainContainer #section4 dl dd a { font-size:33px; font-family:'Nanum Square'; font-weight:700; color:#fff;}
#mainContainer #section4 dl dt { float:left; padding-right: 20px; font-size:20px; font-weight:700; font-family:'Nanum Square';color:#f1583e; line-height:40px;}
/* ¸ÞÀÎ ¼½¼Ç - BANNER */
#mainContainer #section5 { width:1160px; margin:0 auto; padding:70px 0; overflow:hidden;}
#mainContainer #section5 h3 { display:inline-block; font-size:20px; font-weight:bold; font-family:'Nanum Square'; letter-spacing:-1px; line-height:52px;}
#mainContainer #section5 .logoSlider { float:right; position:relative; width: 900px !important;}
#mainContainer #section5 .slick-prev { position:absolute; top:25px; left:-130px; width:33px; height:30px; margin-right:5px; font-size:0; background:url(../../img/Main/iconLeft.png) no-repeat;}
#mainContainer #section5 .slick-next { position:absolute; top:25px; left:-90px; width:33px; height:30px; font-size:0; background:url(../../img/Main/iconRight.png) no-repeat;}
.slick-prev:before, .slick-next:before { font-size:0 !important; }
.slick-prev:before, .slick-next:before { font-size:0 !important; }




/*------------------ ¼­ºêÆäÀÌÁö ½ºÅ¸ÀÏ ------------------ */
/* ¼­ºêºñÁÖ¾ó */
.sub_visual {position:relative; height:410px; overflow:hidden; text-align:center;}
.sub_visual h2 { margin-top:115px; color:#fff; font-size:45px; font-family:'NanumSquare'; line-height:220px; font-weight:bold;}
.sub_visual01 { background:url(../../img/Sub/imgSubVisual01.jpg) no-repeat center;}
.sub_visual02 { background:url(../../img/Sub/imgSubVisual02.jpg) no-repeat center;}
.sub_visual03 { background:url(../../img/Sub/imgSubVisual03.jpg) no-repeat center;}
.sub_visual04 { background:url(../../img/Sub/imgSubVisual04.jpg) no-repeat center;}
.sub_visual05 { background:url(../../img/Sub/imgSubVisual05.jpg) no-repeat center;}
.sub_visual061 { background:url(../../img/Sub/imgSubVisual06_01.jpg) no-repeat center;}
.sub_visual062 { background:url(../../img/Sub/imgSubVisual06_02.jpg) no-repeat center;}
.sub_visual063 { background:url(../../img/Sub/imgSubVisual06_03.jpg) no-repeat center;}

/* ÆäÀÌÁö ³»ºñ°ÔÀÌ¼Ç */
.sub_lnb { height:60px; border-bottom:1px solid #ccc; }
.sub_lnb ul { width:1160px; margin:0 auto; height:60px;}
.sub_lnb ul li { float:left; overflow:hidden; height:60px; padding-right:20px; font-size:14.5px; line-height:60px; letter-spacing:-0.5px; font-family:'Nanum Square';}
.sub_lnb ul li a { font-size:16px; line-height:60px; letter-spacing:-0.5px; font-family:'Nanum Square';}
.sub_lnb ul li span { padding-left:20px;}
.sub_lnb ul li:last-child { font-size:15px; color:#f74426; }

/* ¼½¼Ç °øÅë */
#container {position:relative; padding:80px 0; overflow:hidden; }
#container .container-inner {position:relative; max-width:1200px; margin:auto}
#container .container-inner:before, #container .container-inner:after, #container .container-fluid:before, #container .container-fluid:after, #container section.sub-section:before, #container section.sub-section:after {content:''; display:block}
#container .container-inner:after, #container .container-fluid:after, #container section.sub-section:after {clear:both}
#container section.sub-section {position:relative;}
#container .main-title {text-align:center}
#container .main-title.innerTitle {padding-top:0}
#container .main-title h2 {font-size:36px; font-weight:300; color:#2b2b2b}
#container .main-title p {font-size:16px; font-weight:300; color:#555; line-height:1.6; margin-top:25px}
#container .main-title p strong {font-weight:600; color:#ff6c00}
#container .bottom-btn {padding-top:60px; text-align:center}
.con_title { text-align:center;}
.con_title p { font-size:14px; color:#f1583e; font-family:'Nanum Square'; font-weight: bold; }
.con_title h3 { margin:5px 0 50px; font-size:30px; font-family:'Nanum Square'; font-weight:normal; color:#111;}





/*------------------ ÄÁÅÙÃ÷ ½ºÅ¸ÀÏ ------------------ */
/* COMPANY - ȸ»ç¼Ò°³ */
#container .MapofWorld { text-align:center;}
#container .MapofWorld section { position:relative; top:-80px; width:1160px; margin:0 auto; overflow:hidden; background:url(../../img/Content/bgMaptext.png) repeat;}
#container .MapofWorld section div{ float:left; width:50%; padding:6%; text-align:left;}
#container .MapofWorld section div h4 { margin-bottom:10px; color:#f1583e; font-size:24px; font-family:'Nanum Square'; }
#container .MapofWorld section div h4 strong {padding-left:10px;}
#container .MapofWorld section div p { font-size:16px; line-height:28px; letter-spacing:-0.5px; font-family:'Nanum Square'; }
#container .Cooper { margin-top:50px;}
#container .Cooper ul li { position:relative; float:left; margin:0 20px 20px 0; }
#container .Cooper ul li:nth-child(6n) { margin-right:0;}
#container .Cooper ul li img { border:1px solid #ededed;}
#container .Cooper ul li:hover p{ display:block;}
#container .Cooper ul li p { display:none; position:absolute; top:0; width:100%; color:#fff; font-size:14px; font-weight:bold; line-height:82px; letter-spacing:0.5px; text-align:center; background:#f1583e; }

/* COMPANY - ȸ»ç¿¬Çõ */
#container .history{ width:1160px; margin:0 auto;}
#container .history .img{ float:left; width:544px; margin-right:30px; }
#container .history .text {float:left; width:550px; }
#container .history .text:after {content:''; display:block; position:absolute; top:220px; width:1px; height:480px; margin-left:30px; background:#eee;}
#container .history .text dl { margin-bottom:30px; overflow:hidden; padding-left:50px; background:url(../../img/Content/iconhistroy.png) no-repeat 25px 10px;}
#container .history .text dl dt { float: left; line-height: 30px; font-size: 24px; font-weight: bold; color:#f1583e; overflow:hidden;}
#container .history .text dl dd { float: left; margin-left:20px; line-height: 30px; font-size: 18px; font-weight: bold; color: #333;}
#container .history .text dl dd p { font-size: 16px; font-weight: normal; letter-spacing: -.5px; color: #333; }

/* COMPANY - À¯Å뱸Á¶*/
#container .structure{ position:relative; width:1160px; margin:0 auto 100px; padding:100px; height:600px; background:url(../../img/Content/bgMaptext.png) repeat;}
#container .structure ul li { float:left; width:20%; margin-bottom:50px; text-align:center; }
#container .structure ul li p { font-size: 22px; font-weight:300; letter-spacing: -.5px; color: #111; line-height:36px; }
#container .structure p.map { position:absolute; bottom:-160px; right:50px;}

/* COMPANY - ȸ»çºñÀü*/
#container .vision{ position:relative; width:1160px; margin:0 auto; text-align:center;}
#container .vision .inner{ width:1160px; margin:50px auto 0; padding:70px; background:url(../../img/Content/bgMaptext.png) repeat; overflow:hidden;}
#container .vision ul li { float:left; font-weight:300; letter-spacing: -.5px; color: #111; line-height:36px; }
#container .vision ul li:first-child { margin-left:90px; }
#container .vision ul li:nth-child(2) { margin:0 70px; }
#container .vision ul li h4 { overflow:hidden; border-bottom:1px solid #f1583e;}
#container .vision ul li .text { margin-top:20px;}
#container .vision ul li .text .left { float:left; font-size:24px; line-height:40px; color:#222; }
#container .vision ul li .text .right { float:right; font-size:14px; font-weight:700; line-height:40px; color:#f1583e;}
#container .vision ul li .text p { padding-top:20px; font-size:17px; line-height:30px; }

/* COMPANY - ¿À½Ã´Â±æ */
#container .contact { margin-top:50px;}
#container .contact ul li { margin-bottom:30px; float:left; font-size:18px; font-family:'Nanum Square';}
#container .contact ul li:nth-child(2) { margin:0 58px;}
#container .contact ul li span { padding:20px 20px 20px 70px; font-size:17px; font-weight:bold; color:#777;}
#container .contact ul li:first-child span { background:url(../../img/Content/iconAddress.png) no-repeat left;}
#container .contact ul li:nth-child(2) span { background:url(../../img/Content/iconCall.png) no-repeat left;}
#container .contact ul li:last-child span { background:url(../../img/Content/iconFax.png) no-repeat left;}

/* BUSINESS - ¹öÅ©¼Å¶õ?*/
#container .ber ul { overflow:hidden;}
#container .ber ul li {float:left; width:32%; border:1px solid #ddd; overflow:hidden;}
#container .ber ul li:nth-child(2) { margin:0 1.8%;}
#container .ber ul li .img { overflow:hidden; }
#container .ber ul li .img img { width:100%;}
#container .ber ul li .textarea { position:relative;padding:50px; text-align:center;}
#container .ber ul li .textarea .circle { position:absolute; top:-50px; left:140px; width:90px; height:90px; padding-top:30px; line-height:17px; font-family:'Nanum Square'; font-size:15px; font-weight:bold; color:#fff; background:#f74426; border-radius:50%; }
#container .ber ul li .textarea h5 { margin:10px 0 20px; font-family:'Nanum Square'; font-size:22px; font-weight:bold; letter-spacing:-1px; }
#container .ber ul li .textarea div {line-height:26px; font-family:'Nanum Square'; font-size:16px; letter-spacing:-0.5px; }
#container .ber_pure { margin:100px 0;}
#container .ber_pure .explain { text-align:center; font-family:'Nanum Square'; font-size:16.5px;}
#container .ber_pure .explain span { color:#f74426;}
#container .ber_pure .explain strong { display:block; margin-top:5px; font-size:14px; font-weight:700; font-family:'Nanum Square Bold'; color:#666;}
#container .ber_pure .puremark { margin-top:30px; padding:50px; overflow:hidden; border:1px solid #ddd;}
#container .ber_pure .puremark p { float:left; width:170px; }
#container .ber_pure .puremark ul {float:left; width:880px;}
#container .ber_pure .puremark ul li { position:relative; display:inline-block; margin-left:100px; font-size:16px; font-family:'Nanum Square'; line-height:30px; text-align:center;}
#container .ber_pure .puremark ul li img { display:block; margin:0 auto 25px;}
#container .ber_pure .puremark ul li:before { content:''; position:absolute; top:85px; left:-60px; width:10px; height:10px; background:#ffe273;}
#container .ber_pure .puremark ul li:first-child:before { display:none;}
#container .ber_character .con { height:528px; border-top:3px solid #f74426; border-bottom:2px solid #f74426;}
#container .ber_character .con p { display: inline-block; }
#container .ber_character .con ul { display: inline-block; padding:58px; vertical-align:middle;}
#container .ber_character .con ul li { margin-bottom: 27px; }
#container .ber_character .con ul li:last-child { margin-bottom:0; }
#container .ber_character .con ul li h4 { margin:0 0 10px; padding-left:20px; font-size:20px; font-weight:700; font-family:'Nanum Square'; letter-spacing:-1px; color:#222; background:url(../../img/Content/iconCharac.png) no-repeat left; }
#container .ber_character .con ul li p { font-size:16.5px;font-family:'Nanum Square'; letter-spacing:-1px; }

/*À̺£¸®ÄÚ¶õ?*/
#container .ibe ul { overflow:hidden;}
#container .ibe ul li {float:left; width:32%; border:1px solid #ddd; overflow:hidden;}
#container .ibe ul li:nth-child(2) { margin:0 1.8%;}
#container .ibe ul li .img { overflow:hidden; }
#container .ibe ul li .img img { width:100%;}
#container .ibe ul li .textarea { position:relative;padding:50px; text-align:center;}
#container .ibe ul li .textarea .circle { position:absolute; top:-50px; left:140px; width:90px; height:90px; padding-top:30px; line-height:17px; font-family:'Nanum Square'; font-size:15px; font-weight:bold; color:#fff; background:#f74426; border-radius:50%; }
#container .ibe ul li .textarea h5 { margin:10px 0 20px; font-family:'Nanum Square'; font-size:22px; font-weight:bold; letter-spacing:-1px; }
#container .ibe ul li .textarea div {line-height:26px; font-family:'Nanum Square'; font-size:16px; letter-spacing:-0.5px; }
#container .ibe_pure { margin:100px 0;}
#container .ibe_pure .puremark ul { overflow:hidden; padding:50px; border:1px solid #ddd;}
#container .ibe_pure .puremark ul li { position:relative; display:inline-block; font-size:16px; font-family:'Nanum Square'; line-height:30px; text-align:center;}
#container .ibe_pure .puremark ul li:nth-child(2) { margin:0 130px;}
#container .ibe_pure .puremark ul li img { display:block; margin:0 auto 25px;}
#container .ibe_pure .puremark ul li:before { content:''; position:absolute; top:85px; left:-60px; width:10px; height:10px; background:#ffe273;}
#container .ibe_pure .puremark ul li:first-child:before { display:none;}
#container .ibe_character .con { height:449px; border-top:3px solid #f74426; border-bottom:2px solid #f74426; }
#container .ibe_character .con p { display: inline-block; }
#container .ibe_character .con ul { display: inline-block; padding:60px; vertical-align:middle;}
#container .ibe_character .con ul li { margin-bottom: 27px; }
#container .ibe_character .con ul li:last-child { margin-bottom:0; }
#container .ibe_character .con ul li h4 { margin:0 0 10px; padding-left:20px; font-size:22px; font-weight:700; font-family:'Nanum Square'; letter-spacing:-1px; color:#222; background:url(../../img/Content/iconCharac.png) no-repeat left; }
#container .ibe_character .con ul li p { font-size:16.5px;font-family:'Nanum Square'; letter-spacing:-1px; }

/* BUSINESS - µà·ÏÀ̶õ?*/
#container .du ul { overflow:hidden;}
#container .du ul li {float:left; width:32%; border:1px solid #ddd; overflow:hidden;}
#container .du ul li:nth-child(2) { margin:0 1.8%;}
#container .du ul li .img { overflow:hidden; }
#container .du ul li .img img { width:100%;}
#container .du ul li .textarea { position:relative;padding:50px; text-align:center;}
#container .du ul li .textarea .circle { position:absolute; top:-50px; left:140px; width:90px; height:90px; padding-top:30px; line-height:17px; font-family:'Nanum Square'; font-size:15px; font-weight:bold; color:#fff; background:#f74426; border-radius:50%; }
#container .du ul li .textarea h5 { margin:10px 0 20px; font-family:'Nanum Square'; font-size:22px; font-weight:bold; color:#111; letter-spacing:-1px; }
#container .du ul li .textarea div {line-height:26px; font-family:'Nanum Square'; font-size:16px; letter-spacing:-0.5px; }

#container .du_character div.special { margin-top:30px; overflow:hidden;}
#container .du_character div.special img { float:left;}
#container .du_character div.special .content { float:right; width:850px;}
#container .du_character div.special .content h4 { margin-bottom:15px; padding-left:20px;font-family:'Nanum Square'; font-size:22px; font-weight:bold; color:#222; }
#container .du_character div.special .content h4 span { color:#f74426;}
#container .du_character div.special .content h4:before { position:relative; top:13px; left:-20px; content:''; display:block; width:4px; height:4px; background:#f74426;}
#container .du_character div.special .content p { margin-bottom:15px; font-family:'Nanum Square'; font-size:16px; line-height:26px; color:#333; }
#container .du_character div.special .content ul { overflow:hidden;}
#container .du_character div.special .content ul li { float:left;}
#container .du_character div.special .content ul li:nth-child(2) { margin:0 5px;}
#container .du_character div.special .content .refer { margin-top:20px;}
#container .du_character div.special .content .refer span.tit { margin-left:10px; padding:2px 8px; border-radius:5px; vertical-align:17px; color:#fff; background:#f74426;}
#container .du_character div.special .content .refer div { display:inline-block; color:#333;}
#container .du_character .alight { mapadding:10px 0; font-family:'Nanum Square'; font-size:13.5px; font-weight:bold; letter-spacing:-1px; color:#666; }

#container .du_character { margin-top:100px;}
#container .du_character .con { height:528px; border-top:3px solid #f74426; border-bottom:2px solid #f74426;}
#container .du_character .con p { display: inline-block; }
#container .du_character .con ul { display: inline-block; padding:58px; vertical-align:middle;}
#container .du_character .con ul li { margin-bottom: 27px; }
#container .du_character .con ul li:last-child { margin-bottom:0; }
#container .du_character .con ul li h4 { margin:0 0 10px; padding-left:20px; font-size:20px; font-weight:700; font-family:'Nanum Square'; letter-spacing:-1px; color:#222; background:url(../../img/Content/iconCharac.png) no-repeat left; }
#container .du_character .con ul li p { font-size:16.5px;font-family:'Nanum Square'; letter-spacing:-1px; }

/* BUSINESS - »ç¾÷ ºÐ¾ß */
#container .business-part1 {padding-top:20px !important}
#container .business-part1 .part-items > li {margin-bottom:60px; text-align:center; vertical-align:top}
#container .business-part1 .part-items > li:nth-child(4), #container .business-part1 .part-items > li:nth-child(5), #container .business-part1 .part-items > li:nth-child(6) {margin-bottom:0}
#container .business-part1 .part-items > li .icon {width:80px; height:80px; font-size:34px; color:#ff6c00; text-align:center; line-height:76px; margin:auto; border:2px solid #e2e2e2; border-radius:50%; transition:all 0.3s ease-out}
#container .business-part1 .part-items > li h3 {margin:30px 0 15px; font-size:22px; font-weight:500; color:#ff6c00}
#container .business-part1 .part-items > li p {font-size:15px; color:#6a6a6a; line-height:1.8}
#container .business-part2 {border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0}
#container .business-part2 .choose-info .text-info h3 {font-size:28px; font-weight:normal; color:#2b2b2b}
#container .business-part2 .choose-info .text-info h3:after {display:block; content:''; width:35px; height:2px; margin:20px 0 30px; background:#ffc600}
#container .business-part2 .choose-info .text-info p {color:#4a4a4a; line-height:1.75; margin-bottom:25px}
#container .business-part3 {border-bottom:1px solid #f0f0f0}
#container .business-part3 #client-slide > .info {float:left; width:30%}
#container .business-part3 #client-slide > .info h3 {font-size:22px; font-weight:normal; color:#2b2b2b; margin-bottom:20px}
#container .business-part3 #client-slide > .info p {color:#6a6a6a; line-height:1.8}
#container .business-part3 #client-slide > .info .controller {padding-top:30px; font-size:0}
#container .business-part3 #client-slide > .info .controller > li {display:inline-block; font-size:15px; margin-right:3px}
#container .business-part3 #client-slide > .info .controller > li a {display:block; width:32px; height:32px; font-size:13px; color:#000; text-align:center; line-height:30px; border:1px solid #e2e2e2; border-radius:50%; transition:all 0.3s ease}
#container .business-part3 #client-slide > .info .controller > li.disabled a {color:#ccc !important; border-color:#e2e2e2 !important; background:#f9f9f9 !important; cursor:not-allowed}
#container .business-part3 #client-slide > .info .controller > li a:hover {color:#fff; border-color:#2b2b2b; background:#2b2b2b}
#container .business-part3 #client-slide > .slides {position:relative; float:right; width:65%; padding-top:60px; overflow:hidden}
#container .business-part3 #client-slide > .slides ul {position:relative; width:5000px}
#container .business-part3 #client-slide > .slides ul > li {float:left; text-align:center}
#container .business-part3 #client-slide > .slides ul > li img {max-width:100%}
#container .business-part4 {}
#container .business-part4 .plan-list > li {font-size:14px; text-align:center; vertical-align:bottom}
#container .business-part4 .plan-list > li .title {padding:35px}
#container .business-part4 .plan-list > li.plan1 .title {background:linear-gradient(90deg, #42b574 0%, #84c450 100%)}
#container .business-part4 .plan-list > li.plan2 .title {background:linear-gradient(90deg, #64aae1 0%, #79ccf2 100%)}
#container .business-part4 .plan-list > li.plan3 .title {background:linear-gradient(90deg, #f5bf2f 0%, #f3a43d 100%)}
#container .business-part4 .plan-list > li.plan4 .title {background:linear-gradient(90deg, #f54b0f 0%, #e50a0a 100%)}
#container .business-part4 .plan-list > li .title > h3 {font-size:24px; font-weight:500; color:#fff}
#container .business-part4 .plan-list > li .title > span {font-size:16px; font-weight:500; color:#fff; margin-bottom:15px; opacity:0.8}
#container .business-part4 .plan-list > li .title > .price {font-size:24px; font-weight:500; color:#fff}
#container .business-part4 .plan-list > li .title > .price span {font-size:18px; font-weight:500; color:#fff; vertical-align:5px}
#container .business-part4 .plan-list > li .title > .price em {font-size:13px; color:#fff; padding-left:5px; vertical-align:-2px}
#container .business-part4 .plan-list > li .info {padding:20px; border:1px solid #f0f0f0; border-top:none}
#container .business-part4 .plan-list > li .info > ul {margin-bottom:20px}
#container .business-part4 .plan-list > li .info > ul > li {padding:10px 0; color:#8b8b8b; border-top:1px solid #f0f0f0}
#container .business-part4 .plan-list > li .info > ul > li:first-child {border-top:none}
#container .business-part4 .plan-list > li .info > ul > li strong {font-weight:600; color:#2b2b2b; padding-right:5px}
#container .business-part4 .plan-list > li .info .btn-black {padding-top:18px; padding-bottom:18px}


/*----------------------------------------------------Á¦Ç°¼Ò°³---------------------------------------------------------------*/

/*°øÅë*/
.pro_intro a.link { color: #4477CC; -webkit-transition: all 150ms ease 0s; transition: all 150ms ease 0s;}
.pro_intro a.link:hover { color: #e08f24;}
.pro_intro p { margin-bottom: 10px; }
.pro_intro .tabs { position: relative; margin: 0 auto; width: 1160px; max-width: 100%; overflow: hidden; padding-top: 10px; margin-bottom: 60px;}

.pro_intro .tabs input { position: absolute; z-index: 1000; width: 16.6%; height: 50px; left: 0; top: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); cursor: pointer; margin: 0;}

.pro_intro .tabs input#tab-2 { left: 16.6%; }
.pro_intro .tabs input#tab-3 { left: 33.2%; }
.pro_intro .tabs input#tab-4 { left: 49.8%;}
.pro_intro .tabs input#tab-5 { left: 66.4%;}
.pro_intro .tabs input#tab-6 { left: 83%;}
.pro_intro .tabs label { background: #1e1e1e; color: #fefefe; font-size: 15px; line-height: 50px; height: 60px; position: relative; top: 0; padding: 0 20px; float: left; display: block; width: 16.6%; letter-spacing: 1px; font-weight: bold;
  text-align: center; box-shadow: 1px 0 1px rgba(150, 150, 150, 0.3), -1px 0 1px rgba(150, 150, 150, 0.3); box-sizing: border-box; -webkit-transition: all 150ms ease 0s; transition: all 150ms ease 0s;}
.pro_intro .tabs label:hover { cursor: pointer;}
.pro_intro .tabs label:after { content: ''; background: #fefefe; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; display: block;}

.pro_intro .tabs input:hover + label { background: #f74426;}
.pro_intro .tabs label:first-of-type { z-index: 4;}
.pro_intro .tab-label-2 { z-index: 4;}
.pro_intro .tab-label-3 { z-index: 3;}
.pro_intro .tab-label-4 { z-index: 2;}
.pro_intro .tab-label-5 { z-index: 1;}
.pro_intro .tab-label-6 { z-index: 0;}
.pro_intro .tabs input:checked + label {  background: #fefefe;  color: #1a1a1a;  z-index: 9;}

.pro_intro .content {  height: auto;  width: 100%;  float: left;  position: relative;  z-index: 9;  background: #fefefe;  top: -10px;  box-sizing: border-box; overflow:hidden;}
.pro_intro .content .bg{  position: relative;  float: left;  width: 0;  height: 0;  box-sizing: border-box;  top: 0;  left: 0;  z-index: 1;  opacity: 0; }
.pro_intro .content .bg h2 {  margin-top: 0;}
.pro_intro .tabs .tab-selector-1:checked ~ .content .content-1,
.pro_intro .tabs .tab-selector-2:checked ~ .content .content-2,
.pro_intro .tabs .tab-selector-3:checked ~ .content .content-3,
.pro_intro .tabs .tab-selector-4:checked ~ .content .content-4, 
.pro_intro .tabs .tab-selector-5:checked ~ .content .content-5, 
.pro_intro .tabs .tab-selector-6:checked ~ .content .content-6{  z-index: 100;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  filter: alpha(opacity=100);  opacity: 1;  width: 100%;  height: auto;  width: 100%;  height: auto;  padding:8% 6% 0;}

.pro_intro .content .right { float:right; width:50%;}
.pro_intro .content .left { float:left; width:50%;}
.pro_intro .content .bg h2 {  margin-bottom:20px; color: #000; font-weight:600; font-size:32px; letter-spacing:-1px;}
.pro_intro .content .bg h3 {  margin-bottom:20px; color: #000; font-weight:600; font-size:28px; letter-spacing:-1px;}
.pro_intro .content .bg p {  font-size: 18px;  line-height: 30px;  text-align: left;  margin: 0 0 17px;  color: #111;  letter-spacing:-1px;}
.pro_intro .content .bg span { margin-left:10px; color:#f74426;}
.pro_intro .content .call p { margin-bottom:40px; text-align:center; padding:20px 0; color: #000; font-weight:400; font-size:24px; letter-spacing:-1px; color:#fff; background:#f74426; border-radius:50px;}

.pro_intro .sec01 { overflow:hidden;}
.pro_intro .sec01 .photo_area img{ width:100%;}
.pro_intro .sec01 h2 span { font-size:25px;}
.pro_intro .sec02 { clear:both; overflow:hidden; margin:40px 0;} 
.pro_intro .sec02 .photo_area img:first-child{ width:55%; margin-right:3%;}
.pro_intro .sec02 .text_area{ padding-left:30px;}

.pro_intro .sec01.one .photo_area{ width:50%; margin:0 auto 30px; text-align:center;}
.pro_intro .sec01.one .text_area{ text-align:center; height:auto;}
.pro_intro .sec01 p strong { color:#f74426;}



/*¹öÅ©¼Å Á¦Ç°¼Ò°³*/
.ber_tab .content-1.bg {  background:url(../../img/Content/bg_conber01.jpg) no-repeat 0 20px; }
.ber_tab .content-2.bg {  background:url(../../img/Content/bg_conber02.jpg) no-repeat 0 20px; }
.ber_tab .content-3.bg {  background:url(../../img/Content/bg_conber03.jpg) no-repeat 0 20px; }
.ber_tab .content-4.bg {  background:url(../../img/Content/bg_conber04.jpg) no-repeat 0 20px; }
.ber_tab .content-5.bg {  background:url(../../img/Content/bg_conber05.jpg) no-repeat 0 20px; }
.ber_tab .content-6.bg {  background:url(../../img/Content/bg_conber06.jpg) no-repeat 0 20px; }


/*À̺£¸®ÄÚ Á¦Ç°¼Ò°³*/
.pro_intro .tabs.ibe_tab input { width: 11.1%;}

.pro_intro .tabs.ibe_tab input#tab-2 { left: 11.1%; }
.pro_intro .tabs.ibe_tab input#tab-3 { left: 22.2%; }
.pro_intro .tabs.ibe_tab input#tab-4 { left: 33.3%;}
.pro_intro .tabs.ibe_tab input#tab-5 { left: 44.4%;}
.pro_intro .tabs.ibe_tab input#tab-6 { left: 55.5%;}
.pro_intro .tabs.ibe_tab input#tab-7 { left: 66.6%;}
.pro_intro .tabs.ibe_tab input#tab-8 { left: 77.7%;}
.pro_intro .tabs.ibe_tab input#tab-9 { left: 88.8%;}
.pro_intro .tabs.ibe_tab label { width: 11.1%;}

.pro_intro .tabs.ibe_tab label:first-of-type { z-index: 8;}
.pro_intro .tabs.ibe_tab .tab-label-2 { z-index: 7;}
.pro_intro .tabs.ibe_tab .tab-label-3 { z-index: 6;}
.pro_intro .tabs.ibe_tab .tab-label-4 { z-index: 5;}
.pro_intro .tabs.ibe_tab .tab-label-5 { z-index: 4;}
.pro_intro .tabs.ibe_tab .tab-label-6 { z-index: 3;}
.pro_intro .tabs.ibe_tab .tab-label-7 { z-index: 2;}
.pro_intro .tabs.ibe_tab .tab-label-8 { z-index: 1;}
.pro_intro .tabs.ibe_tab .tab-label-9 { z-index: 0;}

.pro_intro .tabs.ibe_tab input:checked + label { z-index: 9;}

.pro_intro .tabs.ibe_tab .tab-selector-1:checked ~ .content .content-1,
.pro_intro .tabs.ibe_tab .tab-selector-2:checked ~ .content .content-2,
.pro_intro .tabs.ibe_tab .tab-selector-3:checked ~ .content .content-3,
.pro_intro .tabs.ibe_tab .tab-selector-4:checked ~ .content .content-4, 
.pro_intro .tabs.ibe_tab .tab-selector-5:checked ~ .content .content-5, 
.pro_intro .tabs.ibe_tab .tab-selector-6:checked ~ .content .content-6,
.pro_intro .tabs.ibe_tab .tab-selector-7:checked ~ .content .content-7,
.pro_intro .tabs.ibe_tab .tab-selector-8:checked ~ .content .content-8,
.pro_intro .tabs.ibe_tab .tab-selector-9:checked ~ .content .content-9{  z-index: 100;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  filter: alpha(opacity=100);  opacity: 1;  width: 100%;  height: auto;  width: 100%;  height: auto;  padding:8% 6% 0;}

.ibe_tab .content-1.bg {  background:url(../../img/Content/bg_conibe01.jpg) no-repeat 0 20px; }
.ibe_tab .content-2.bg {  background:url(../../img/Content/bg_conibe02.jpg) no-repeat 0 20px; }
.ibe_tab .content-3.bg {  background:url(../../img/Content/bg_conibe03.jpg) no-repeat 0 20px; }
.ibe_tab .content-4.bg {  background:url(../../img/Content/bg_conibe04.jpg) no-repeat 0 20px; }
.ibe_tab .content-5.bg {  background:url(../../img/Content/bg_conibe05.jpg) no-repeat 0 20px; }
.ibe_tab .content-6.bg {  background:url(../../img/Content/bg_conibe06.jpg) no-repeat 0 20px; }
.ibe_tab .content-7.bg {  background:url(../../img/Content/bg_conibe06.jpg) no-repeat 0 20px; }
.ibe_tab .content-8.bg {  background:url(../../img/Content/bg_conibe06.jpg) no-repeat 0 20px; }
.ibe_tab .content-9.bg {  background:url(../../img/Content/bg_conibe06.jpg) no-repeat 0 20px; }

.pro_intro .ibe_tab .sec02 .text_area{ padding-left:0;}
.pro_intro .ibe_tab .sec02 .photo_area img:first-child{ width:90%;}



/*¼¿·ºÅ¸µà·Ï Á¦Ç°¼Ò°³*/
.pro_intro .tabs.dur_tab input { width: 25%;}

.pro_intro .tabs.dur_tab input#tab-2 { left: 25%; }
.pro_intro .tabs.dur_tab input#tab-3 { left: 50%; }
.pro_intro .tabs.dur_tab input#tab-4 { left: 70%;}
.pro_intro .tabs.dur_tab label { width: 25%;}

.pro_intro .tabs.dur_tab label:first-of-type { z-index: 4;}
.pro_intro .tabs.dur_tab .tab-label-2 { z-index: 3;}
.pro_intro .tabs.dur_tab .tab-label-3 { z-index: 2;}
.pro_intro .tabs.dur_tab .tab-label-4 { z-index: 1;}

.pro_intro .tabs.dur_tab input:checked + label { z-index: 5;}

.pro_intro .tabs.dur_tab .tab-selector-1:checked ~ .content .content-1,
.pro_intro .tabs.dur_tab .tab-selector-2:checked ~ .content .content-2,
.pro_intro .tabs.dur_tab .tab-selector-3:checked ~ .content .content-3,
.pro_intro .tabs.dur_tab .tab-selector-4:checked ~ .content .content-4{  z-index: 100;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  filter: alpha(opacity=100);  opacity: 1;  width: 100%;  height: auto;  width: 100%;  height: auto;  padding:8% 6% 0;}

.dur_tab .content-1.bg {  background:url(../../img/Content/bg_condur02.jpg) no-repeat 0 20px; }
.dur_tab .content-2.bg {  background:url(../../img/Content/bg_condur01.jpg) no-repeat 0 20px; }
.dur_tab .content-3.bg {  background:url(../../img/Content/bg_condur03.jpg) no-repeat 0 20px; }
.dur_tab .content-4.bg {  background:url(../../img/Content/bg_condur03.jpg) no-repeat 0 20px; }

.pro_intro .dur_tab .sec02 .text_area{ padding-left:0;}
.pro_intro .dur_tab .sec02 .photo_area img:first-child{ width:90%;}


/*¾ó·èµµ¾ßÁö µà·Ï Á¦Ç°¼Ò°³*/
.pro_intro .tabs.dur_tab.dome  input { width: 50%;}

.pro_intro .tabs.dur_tab.dome  input#tab-2 { left: 50%; }
.pro_intro .tabs.dur_tab.dome  label { width: 50%;}

.dur_tab.dome .bg {  background:none; }


/*¾ó·èµµ¾ßÁö µà·Ï¼Ò°³*/

.dome section { margin:90px 0;}
.dome section h4 { padding-left:20px; font-family:'NanumSquare'; font-size:21px; color:#222; font-weight:800; }
.dome section h4:before { content:''; display:block; position:relative; left:-20px; top:12px; width:5px; height:5px; background:#f74426;}
.dome section p.sub { font-family: 'NanumSquare'; font-size: 18px; color: #222; line-height: 2;}
.dome section.table ul li h5 { margin:70px 0 0; padding-left:20px; font-size:19.5px; font-weight:400; font-family:'Nanum Square'; letter-spacing:-1px; color:#222; background:url(../../img/Content/iconCharac.png) no-repeat left; }
.dome section.table ul li h5 span { padding-left:10px; font-size:14.5px; color:#888; }

.dome section table  { width:100%; margin-top:15px; border-top:2px solid #2e3235; border-spacing:0;}
.dome section table  thead tr th{  padding:10px 30px; font-weight:600 !important;  font-size:16px !important; text-align:center;line-height:28px; background:#fafafa;}
.dome section table  tr td:first-child { padding:10px 30px; text-align:center; font-size:16px; font-family:'Nanum Square'; font-weight:300;  color:#f74426; border-bottom:1px solid #7c7c7c}
.dome section table  tr td{  padding:10px 30px; text-align:left; font-size:15px; font-family:'Nanum Square'; font-weight:300; line-height:28px; letter-spacing:-0.5px; color:#000; text-align:center; border-bottom:1px solid #d5d5d5}
.dome section table  tr th.point { border-top:2px solid #f74426; border-right:2px solid #f74426; border-left:2px solid #f74426;}
.dome section table  tr td.point { border-right:2px solid #f74426; border-left:2px solid #f74426;}
.dome section table  tr:last-child td.point { border-bottom:2px solid #f74426;}

.dome section table.dur  tr td.point { border-top:2px solid #f74426; border-left:0; border-right:0; border-bottom:2px solid #f77246;}
.dome section table  tr td.left.point { border-left:2px solid #f74426;}
.dome section table  tr td.right.point { border-right:2px solid #f74426;}

.dome section.class ul { overflow:hidden; margin-top:25px;}
.dome section.class ul li{ float:left; width:49%; padding:35px 10px; border:10px solid #fe9e8e; background:#fcebe9;}
.dome section.class ul li:first-child { margin-right:2%; border-color:#efefef; background:#fff;}
.dome section.class ul li h5 { width: 185px; margin: 0 auto; text-align: center;  line-height: 2.3; font-size: 17px; color: #fff;  font-family: 'Nanum Square'; font-weight: 400; border-radius: 25px; background: #f74426;}
.dome section.class ul li:first-child h5 { background:#909090;}
.dome section.class ul li p { width:85%; height:75px; margin:20px auto 0; font-family: 'Nanum Square'; font-size:16px; line-height:1.5; text-align:justify;}

.dome section.certi ul { overflow:hidden; margin-top:25px;}
.dome section.certi ul li{ float:left; width:48.5%;}
.dome section.certi ul li:first-child { margin-right:3%;}
.dome section.certi ul li img { float:left; margin-right:25px; }
.dome section.certi ul li p { font-family: 'Nanum Square'; font-size:15px; line-height:1.5; text-align:justify;}
.dome section.certi ul li h5 { margin-top:10px; font-size: 18px; font-family: 'Nanum Square'; font-weight: 600; color:#366d43;}

.dome section.advan ul { position:relative; overflow:hidden; margin-top:25px;}
.dome section.advan ul:before { content:''; display:block; position:absolute; left:44%; top:75px; width:52px; height:52px; background:url(../../img/Content/iconPlus.jpg) no-repeat; }
.dome section.advan ul li{ float:left; padding:35px 150px 45px 240px; background:url(../../img/Content/bgDur.jpg) no-repeat; }
.dome section.advan ul li:first-child { margin-right:10%; background:url(../../img/Content/bgBer.jpg) no-repeat; }
.dome section.advan ul li img { float:left; margin-right:25px; }
.dome section.advan ul li p { height:90px; font-family: 'Nanum Square'; font-size:15px; line-height:1.4; text-align:justify;}
.dome section.advan ul li h5 { margin-bottom:10px; font-size: 18px; font-family: 'Nanum Square'; font-weight: 600; color:#f74426;}


/*------------------ ¹öÆ° ½ºÅ¸ÀÏ ------------------ */
.btn-arrow {position:relative; display:inline-block; width:90%; font-size:14px; color:#666; text-align:left; line-height:1; padding:15px; border:1px solid #dedede; transition:all 0.3s}
.btn-arrow i {position:absolute; right:25px; transition:right 0.3s}
.btn-arrow:hover {color:#f74426}
.btn-arrow:hover i {right:15px}
.btn-arrow.white {color:#fff; border-color:#fff}
.btn-arrow.white:hover {color:#2b2b2b; background:#fff}
.btn-arrow.black {color:#fff; border-color:#353535; background:#353535}
.btn-arrow.black:hover {border-color:#000; background:#000}
.btn {display:inline-block; font-size:14px; line-height:33px; height:35px; padding:0 15px; border:1px solid transparent; border-radius:2px !important; background:#fff; cursor:pointer; outline:none}
.btn-default {color:#6b6b6b !important; border:1px solid #e2e2e2; background:#fff}
.btn-default:hover {color:#454545 !important; border-color:#aaa; background:#f9f9f9}
.btn-function {color:#eee !important; border-color:#40424b; background:#40424b}
.btn-function:hover {color:#fff !important; border-color:#32343f; background:#32343f}
.btn-admin {color:#fff !important; border-color:#ffa600; background:#ffa600}
.btn-admin:hover {border-color:#f29e00; background:#f29e00}
.btn-danger {color:#fff !important; border-color:#d92f2f; background:#d92f2f}
.btn-danger:hover {border-color:#cf2b2b; background:#cf2b2b}
.btn-primary {display:inline-block; font-size:14px; color:#fff; line-height:1; padding:15px 25px; border-radius:3px; background:#ffa600; transition:all 0.4s}
.btn-primary:hover {background:#ff6c00; box-shadow:0 2px 8px 2px rgba(0,0,0,0.1)}
.btn-black {display:inline-block; font-size:15px; color:#fff; line-height:1; padding:15px 25px; background:#4b4b4b; transition:all 0.4s}
.btn-black:hover {background:#ffa600}
.btn-block {display:block; width:100%}
.btn-load {cursor:not-allowed; color:#aaa; border-color:#ccc !important; background:#eee !important}
/*------------------ ÀÎDz ¹× ¼¿·ºÆ® ½ºÅ¸ÀÏ ------------------ */
.frm-input {height:35px; padding:0 10px; border:1px solid #e3e2e2; background:#fff; outline:none}
.frm-input:focus {border-color:#40424b; background:#f9f9f9}
.frm-select {height:35px; padding:0 30px 0 10px; border:1px solid #e2e2e2; cursor:pointer; background:url(../../img/select_arrow.png) right 10px center no-repeat; outline:none}
.frm-select:focus {border-color:#40424b; background-color:#f9f9f9}
/*------------------ °Ô½ÃÆÇ ½ºÅ¸ÀÏ ------------------ */
/* ¸®½ºÆ®Çü ½ºÅ¸ÀÏ */
.tbl-brd-list {width:100%; margin-bottom:40px}
.tbl-brd-list tr td {position:relative; padding:15px; border-bottom:1px solid #e2e2e2}
.tbl-brd-list tr td[width="26"] {width:60px}
.tbl-brd-list tr td, .tbl-brd-list font, .tbl-brd-list span {font-family:inherit !important; font-size:inherit !important; color:inherit !important}
.tbl-brd-list .att_title {font-weight:500; color:#fff !important; text-align:center; border:none !important; background:#40424b !important}
.tbl-brd-list tr:nth-child(even) {background:#f9f9f9}
.tbl-brd-list tr td:first-child:before {position:absolute; top:0; left:0; content:''; width:5px; height:100%; background:rgba(0,0,0,0.15); opacity:0; transition:opacity 0.25s ease}
.tbl-brd-list tr:hover td a {color:#000}
.tbl-brd-read {width:100%; margin-bottom:40px; border-top:1px solid #40424b; table-layout:fixed}
.tbl-brd-read tr td {height:auto !important; padding:15px; border-bottom:1px solid #e2e2e2}
.tbl-brd-read tr td, .tbl-brd-read tr td font, .tbl-brd-read tr td span {font-family:inherit !important; font-size:inherit !important}
.tbl-brd-read .board_bgcolor {font-weight:500; color:#40424b; background-color:transparent !important}
.tbl-brd-read .board_bgcolor font {color:#40424b !important}
/* FAQ ½ºÅ¸ÀÏ */
.tbl-brd-faq {width:100%; margin-bottom:40px; border-top:1px solid #40424b}
.tbl-brd-faq tr td {background:#fff !important}
.tbl-brd-faq .board_bgcolor:after {display:inline-block; content:'Q'; width:30px; height:30px; font-size:14px; font-weight:600; color:#fff; text-align:center; line-height:30px; border-radius:2px; background:#40424b}
.tbl-brd-faq .board_bgcolor font {display:none}
.tbl-brd-faq .bbsnewf5 {position:relative}
.tbl-brd-faq .bbsnewf5:after {position:absolute; top:0; right:15px; content:'\e941'; font-family:'xeicon'; font-size:14px; color:#454545; line-height:61px}
.tbl-brd-faq .bbsnewf5.open:after {content:'\e944'}
.tbl-brd-faq .reply-row {display:none}
.tbl-brd-faq .reply-row.open {display:table-row}
.tbl-brd-faq .reply-row td {padding:15px 35px 15px; background:#f7f7f7 !important}
.tbl-brd-faq .reply-row td .reply-block {float:left; display:block; width:30px; height:30px; font-size:14px; font-weight:600; color:#fff; text-align:center; line-height:30px; border-radius:2px; background:#ffa600}
.tbl-brd-faq .reply-row td .reply-container {margin-left:80px}
/* °¶·¯¸®Çü ½ºÅ¸ÀÏ */
div[class^=photo-grid-] .photo-grid-inner {margin:0 -15px}
div[class^=photo-grid-] .photo-grid-inner:after {content:''; clear:both; display:block}
div[class^=photo-grid-] .photo-grid-inner > table {position:relative; float:left; margin-bottom:30px; padding:0 15px; overflow:hidden}
div[class^=photo-grid-] .photo-grid-inner > table a {position:relative; display:block; width:100%; height:100%; overflow:hidden}
div[class^=photo-grid-] .photo-grid-inner > table img {width:100% !important; height:auto !important}
div[class^=photo-grid-] .photo-grid-inner > table .overlay {position:absolute; top:80%; left:0; right:0; height:100%; background:rgba(255,166,0,0.85); opacity:0; z-index:5; transition:all 0.35s ease}
div[class^=photo-grid-] .photo-grid-inner > table .post-info {position:absolute; bottom:20px; left:30px; text-align:left; opacity:0; z-index:10; transition:all 0.35s ease}
div[class^=photo-grid-] .photo-grid-inner > table .post-info h3 {font-size:16px; font-weight:normal; color:#fff}
div[class^=photo-grid-] .photo-grid-inner > table .post-info h3:after {content:''; display:block; width:30px; height:1px; margin:15px 0; background:#fff}
div[class^=photo-grid-] .photo-grid-inner > table .post-info span {font-size:12px; color:#fff}
div[class^=photo-grid-] .photo-grid-inner > table:hover .overlay {top:0; opacity:1}
div[class^=photo-grid-] .photo-grid-inner > table:hover .post-info {bottom:30px; opacity:1}
div[class^=photo-grid-] .photo-grid-inner > table:last-child {display:none}
div[class^=photo-grid-] .photo-grid-inner .board {float:none; clear:both; width:100%; padding-top:40px}
.container-fluid div[class^=photo-grid-] .photo-grid-inner, .no-gap .photo-grid-inner {margin-left:0 !important; margin-right:0 !important}
.container-fluid div[class^=photo-grid-] .photo-grid-inner > table, .no-gap .photo-grid-inner > table {margin-bottom:0 !important; padding-left:0 !important; padding-right:0 !important}
.container-fluid div[class^=photo-grid-] .photo-grid-inner > table .overlay, .no-gap .photo-grid-inner > table .overlay {left:0 !important; right:0 !important}
.container-fluid div[class^=photo-grid-] .photo-grid-inner > table .post-info, .no-gap .photo-grid-inner > table .post-info {left:30px}
.container-fluid div[class^=photo-grid-] .photo-container {max-width:1200px; margin:auto}
.photo-grid-2 .photo-grid-inner > table {width:50%}
.photo-grid-3 .photo-grid-inner > table {width:33.333334%}
.photo-grid-4 .photo-grid-inner > table {width:25%}
.photo-grid-5 .photo-grid-inner > table {width:20%}
.photo-grid-6 .photo-grid-inner > table {width:16.666667%}
.photo-grid-7 .photo-grid-inner > table {width:14.285714%}
.photo-grid-8 .photo-grid-inner > table {width:12.5%}
/* ÃÖ±Ù °Ô½Ã¹° - ¸®½ºÆ®Çü */
.oneline_board { width:100%; position:absolute; bottom:0; background:rgba(255,255,255,0.8); overflow:hidden; }
.oneline_board .inner_board { width:1200px; margin:0 auto; }
.oneline_board .notice { width:50%; float:left; overflow:hidden;}
.oneline_board .news{ width:50%; float:left; overflow:hidden;}
.oneline_board .inner_board h3 { display:inline; font-size:20px; line-height:65px;}
.tbl-brd-latest { width:87%; float:right;}
.tbl-brd-latest td[width="1%"] {display:none}
.tbl-brd-latest td[align="center"] {text-align:right}
.tbl-brd-latest tr td {font-size:14px; font-weight:600; color:#888; padding:20px 30px; border-bottom:1px solid #e5e5e5}
.tbl-brd-latest tr td a {font-size:18px; font-weight:300; color:#7b7b7b}
.tbl-brd-latest tr td a:hover {color:#ffa600}
/* °Ô½ÃÆÇ °øÅë */
/* Å×À̺í */
#search_table { margin:0 auto;}
.board, .bbsnewf5 {font:inherit !important}
.board-write {text-align:right; margin-bottom:30px}
.board-write {text-align:right; margin-bottom:30px}
.container-inner table tbody td table:nth-child(5) {border-bottom:0;}
.container-inner table tbody td table:nth-child(6) {border:0; margin:30px 0;}
.container-inner table tbody td table:nth-child(7) {border-top: 0;}
/* ºäÆäÀÌÁö */
#post_area {min-height:150px}
#post_area img {height:auto !important}
/* ÀÎDz ¹× ¼¿·ºÆ® */
input#border {height:35px; padding:0 10px; border:1px solid #e3e2e2; background:#fff; outline:none}
input#border:focus {border-color:#40424b; background:#f9f9f9}
input#border[type=file] {width:100%; border:none}
.board_desc select {height:35px; padding:0 30px 0 10px; border:1px solid #e2e2e2; cursor:pointer; background:url(../../img/select_arrow.png) right 10px center no-repeat; outline:none}
.board_desc select:focus {border-color:#40424b; background-color:#f9f9f9}
/* Ä«Å×°í¸® */
.board-category {margin-bottom:40px}
.board-category ul {font-size:0; text-align:center}
.board-category ul > li {display:inline-block; margin:0 2px; font-size:15px}
.board-category ul > li a {display:block; padding:5px 10px}
.board-category ul > li.active a {font-weight:500; color:#fff; background:#40424b !important}
/* ÆäÀÌ¡ */
.board-paging {margin-bottom:30px; font-size:0; text-align:center}
.board-paging > b, .board-paging > a {display:inline-block; width:30px; height:30px; margin:0 3px; font-size:13px; line-height:28px; border:1px solid #e2e2e2; border-radius:50%}
.board-paging > a {color:#6b6b6b}
.board-paging > a:hover {color:#454545; border-color:#ccc; background:#f9f9f9}
.board-paging > b {color:#fff !important; border-color:#40424b !important; background:#40424b !important}
/* °Ë»ö */
#ext_search input[type=text] {width:160px; height:35px; margin:0 5px; padding:0 10px; border:1px solid #e3e2e2; background:#fff; outline:none}
#ext_search input[type=text]:focus {border-color:#40424b; background:#f9f9f9}
#ext_search select {min-width:80px; height:35px; padding:0 30px 0 10px; border:1px solid #e2e2e2; cursor:pointer; background:url(../../img/select_arrow.png) right 10px center no-repeat; outline:none}
#ext_search select:focus {border-color:#40424b; background-color:#f9f9f9}
/*------------------ Æû¸ÞÀÏ ½ºÅ¸ÀÏ ------------------ */
input.formmail_border {width:100%; height:35px; padding:0 10px; border:1px solid #e3e2e2; background:#fff; outline:none}
input.formmail_border:focus {border-color:#40424b; background:#f9f9f9}
input.formmail_border[name^=phone] {width:60px !important}
input.formmail_border[type=file] {border:none}
.formmail_cell_bgcolor textarea {width:100%; padding:10px; font-family:inherit !important; font-size:inherit !important; border:1px solid #e3e2e2; background:#fff; outline:none}
.formmail_cell_bgcolor textarea:focus {border-color:#40424b; background:#f9f9f9}