@charset "utf-8";
/* CSS Document */

/* Popup */
.pop_today { display:block; text-align:right; padding: 0px 10px 20px 0;; color:#111; border:0px;}
.pop_today a { text-decoration:none; color:#5f73d0; font-size:16px;}
.pop_today a:hover { color:#94a8ff;}
.pop_today input { position:relative; top:3px; right:2px;}
.pop_today span { position:relative; top:0px; color:#dadada; border-right:solid 1px #445397; margin:0 10px 0 5px;}

/* 모바일 */	
@media (min-width: 320px) { 
	.pop_noti {border: 1px solid #333; position: absolute; top: 50px; left: 0%; z-index: 99999;}
	.pop_noti img { width:100%;}
	.pop_noti .pop_close { background:url(/wp-content/images/main/pop_close.png) no-repeat; width: 42px !important; height: 27px !important;position: absolute; right: 0; top: 15px;}}
/* 아이패드 */
@media (min-width: 768px) {
	.pop_noti { position: absolute; top: 165px; left: 15%;}
	.pop_noti img { width:600px;}}/* Popup */
.pop_today { display:block; text-align:right; padding: 0px 10px 20px 0;; color:#111; border:0px;}
.pop_today a { text-decoration:none; color:#5f73d0; font-size:16px;}
.pop_today a:hover { color:#94a8ff;}
.pop_today input { position:relative; top:3px; right:2px;}
.pop_today span { position:relative; top:0px; color:#dadada; border-right:solid 1px #445397; margin:0 10px 0 5px;}

/* 모바일 */	
@media (min-width: 320px) { 
	.pop_noti {border: 1px solid #333; position: absolute; top: 50px; left: 0%; z-index: 99999;}
	.pop_noti img { width:100%;}
	.pop_noti .pop_close { background:url(/wp-content/images/main/pop_close.png) no-repeat; width: 42px !important; height: 27px !important;position: absolute; right: 0; top: 15px;}}
/* 아이패드 */
@media (min-width: 768px) {
	.pop_noti { position: absolute; top: 70px; left: 15%;}
	.pop_noti img { width:600px; }}
	

/* visual-slide *****************************************/
.carousel-caption { text-shadow:none; text-align:left;}
.carousel-caption p { display:block; line-height:1.1em;}
.carousel-caption a { padding:5px 15px 8px 15px; border:1px solid #fff; font-size:16px; color:#fff; text-decoration:none;}
.carousel-caption p.name { font-family:'dingb';}
.carousel-caption a span { padding-left:7px;}
.carousel-caption p.sub span.kosdaq { position:relative; top:3px; display:inline-block; margin:0 8px 0 10px; 
		background:url(/wp-content/images/main/logo_kosdaq.png) no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;}
.carousel-caption a:hover { text-decoration:none; background:#fff; color:#000; transition:0.3s;}
.carousel-caption.green, .carousel-caption.green a { color:#0b3647; border-color:#0b3647;}
.carousel-caption.green a:hover { background:#0b3647; color:#fff; transition:0.3s;}
.carousel-caption.blue, .carousel-caption.blue a { color:#020e53; border-color:#020e53;}
.carousel-caption.blue a:hover { background:#020e53; color:#fff; transition:0.3s;}
.carousel-caption.right p.sub span { display:block; margin-bottom:2px; padding-left:22px; background:url(/wp-content/images/main/icon_check.png) 0 5px no-repeat;}

.carousel-control { width:8%;}
.carousel-control.left, .carousel-control.left:hover { background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, .0001) 100%);}
.carousel-control.right, .carousel-control.right:hover { background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .2) 100%);}
.carousel-indicators li, .carousel-indicators .active { margin:3px; width:14px; height:14px;}

.carousel_news { position:absolute; left:0; right:0; bottom:0; height:3.3em; background: rgba(0, 0, 0, .6);}
.carousel_news dl { float:left; display:block; overflow:hidden;}
.carousel_news dl dt { float:left; margin-right:20px; font-family:'Century Gothic'; color:#fff; font-weight:normal;}
.carousel_news dl dd { float:left; font-weight:normal; line-height:3.3em;}
.carousel_news dl dd .tit a { color:#f6f6f6;}
.carousel_news dl dd .date { font-size:0.9em; color:#c1c2c4;}
.carousel_news p.sns { float:right; margin:12px 0 0 0;}
.carousel_news p.sns a { margin-left:5px; opacity:0.8;}
.carousel_news p.sns a:hover { opacity:1;}

/* 모바일 */	
@media (min-width: 320px) { 
	.carousel { height:35%;}
	.carousel-caption { top:9%; left:6%; right:6%;}
	.carousel-caption.right { left:40%; right:0;}
	.carousel-caption p.name { margin-bottom:13px; font-size:1.2em;}
	.carousel-caption p.tit { margin-bottom:15px; font-size:1.4em; line-height:1.2em;}
	.pop_solutionday { width:360px; height:400px;}
	.pop_solutionday img { background:#fff; vertical-align:bottom;}}
@media (min-width: 370px) { 
	.carousel { height:34%;}}
@media (max-width: 767px) {
	.carousel { margin-top:66px;}
	.carousel a.carousel-control { display:none;}
	.carousel-caption p.sub { display:none;}
	.carousel-caption a { padding:3px 11px 5px 11px; font-size:0.85em;}
	.carousel-caption a span { font-size:0.6em;}
	.carousel-indicators { bottom:0;}
	.carousel-indicators li, .carousel-indicators .active { margin:2px; width:10px; height:10px;}
	.carousel_news { display:none;}
	.pop_solutionday { width:360px; height:400px;}}
	
/* 아이패드 */
@media (min-width: 768px) { 
	.carousel { margin-top:73px; height:42%;}
	.carousel-caption { top:10%; left:6%;}
	.carousel-caption.right { left:60%; right:0;}
	.carousel-caption p.name { margin-bottom:16px; font-size:1.6em;}
	.carousel-caption p.tit { margin-bottom:15px; font-size:2.1em;}
	.carousel-caption p.sub { margin-bottom:25px; font-size:1.1em; line-height:1.3em;}
	.carousel-caption p.sub span.kosdaq { width:119px; height:18px;}
	.carousel-caption a { padding:4px 12px 6px 12px; font-size:1em;}
	.carousel-caption a span { font-size:0.6em;}
	.carousel-caption.right p.sub { font-size:0.9em;}
	.carousel-indicators { bottom:55px;}
	.carousel_news dl dt { font-size:1.3em; line-height:2.4em;}
	.carousel_news dl dd .tit a { margin-right:20px; font-size:0.9em;}}
	
/* 웹 */
@media (min-width: 992px) { 
	.carousel { height:55%;}
	.carousel-caption { top:10%; left:7%;}
	.carousel-caption p.name { margin-bottom:18px; font-size:2em;}
	.carousel-caption p.tit { margin-bottom:18px; font-size:2.5em; letter-spacing:0.5px;}
	.carousel-caption p.sub { margin-bottom:30px; font-size:1.2em; line-height:1.4em;}
	.carousel-caption p.sub span.kosdaq { width:132px; height:20px;}
	.carousel-caption a { padding:8px 17px 8px 15px; font-size:1.1em;}
	.carousel-caption a span { font-size:0.6em;}
	.carousel_news dl dt { font-size:1.4em; line-height:2.1em;}
	.carousel_news dl dd .tit a { margin-right:35px; font-size:1em;}}
@media (min-width: 1200px) { 
	.carousel { height:600px;}
	.carousel-caption { top:14%; left:10%;}
	.carousel-caption p.name { margin-bottom:22px; font-size:2.6em;}
	.carousel-caption p.tit { margin-bottom:22px; font-size:2.7em; letter-spacing:0.5px;}
	.carousel-caption p.sub { margin-bottom:35px; font-size:1.2em; line-height:1.4em;}
	.carousel-caption.right p.sub { font-size:1.2em;}}
@media (min-width: 1500px) {.carousel-caption { left:20%;}}

/* 이벤트 추가 */
.event .carousel-caption { text-align:right;}
@media (min-width: 320px) {
	.item.event .fill { background-position:25%;}
	.item.event .carousel-caption { width:280px;}
	.item.event .carousel-caption p.tit { margin-bottom:10px;}
	.item.event .carousel-caption p.tit img { width:100%;}
	.item.event .carousel-caption p.date { margin-bottom:15px;}
	.item.event .carousel-caption p.date img { width:80%;}}
@media (min-width: 360px) {
	.item.event .carousel-caption { width:325px;}}
@media (min-width: 400px) {
	.item.event .fill { background-position:30%;}
	.item.event .carousel-caption { width:370px;}
	.item.event .carousel-caption p.date img { width:75%;}}
@media (min-width: 768px) {
	.item.event .fill { background-position:30%;}
	.item.event .carousel-caption { width:690px;}
	.item.event .carousel-caption p.tit { margin-bottom:15px;}
	.item.event .carousel-caption p.tit img { width:80%;}
	.item.event .carousel-caption p.date { margin-bottom:20px;}
	.item.event .carousel-caption p.date img { width:350px;}}
@media (min-width: 992px) {
	.item.event .fill { background-position:center;}
	.item.event .carousel-caption { width:900px;}
	.item.event .carousel-caption p.tit { margin-bottom:20px;}
	.item.event .carousel-caption p.tit img { width:700px;}
	.item.event .carousel-caption p.date { margin-bottom:30px; margin-top:40px;}
	.item.event .carousel-caption p.date img { width:417px;}
	.item.event .carousel-caption p.sub { font-size:1.3em;}}
@media (min-width: 1024px) and (max-width: 1199px)  {
	.item.event .carousel-caption p.tit img { width:600px;}
	.item.event .carousel-caption p.date img { width:380px;}
	.item.event .carousel-caption p.sub { font-size:1.1em;}
	.item.event .carousel-caption p.sub br.web1024 { display:none;}}
@media (min-width: 1200px) {
	.item.event .carousel-caption { width:1000px;}
	.item.event .carousel-caption p.tit img { width:735px;}
	.item.event .carousel-caption p.sub br.web1024 { display:inline-block;}}
@media (min-width: 1300px) {
	.item.event .carousel-caption { width:1140px;}}
	
/* contants *****************************************/
section { text-align:center;}
section h2 { font-family:'Century Gothic'; color:#333;}
section h3 { color:#444;}

section.products { background:#3e3e3e;}
section.products h2 { color:#fff !important;}
section.products h3 { color:#fff; font-weight:normal;}
section.products a:hover { text-decoration:none;}
section.products a:hover p.sub { color:#fff;}
section.products p { color:#d2d2d2;}
section.products p.tit { margin-bottom:0; font-family:'dingb'; color:#fff;}
section.products p.tit span { margin-bottom:0; font-family:'dingb'; color:#ea2731;}

section.pr .row div a { height:250px;}
section.pr .row div a { color:#fff; cursor:pointer;}
section.pr .row a .txt { display:block; position:absolute; left:0; width:100%;}
section.pr .row a .tit { font-family:'Century Gothic';}
section.pr .row p { margin-bottom:0;}

section.newsletter { background:#2b3879; color:#fff; text-align:left;}
section.newsletter h2 { display:none;}
section.newsletter dl { margin-top:12px; overflow:hidden;}
section.newsletter dl dt { float:left; margin-right:20px; font-family:'Century Gothic'; color:#fff; font-weight:normal;}
section.newsletter dl dd { float:left; font-weight:normal;}
section.newsletter dl dd.newsletter_box { border: 1px solid #ddd; padding: 8px 15px; color: #ddd;}
section.newsletter dl dd.newsletter_box:hover { border: 1px solid #fff; padding: 8px 15px; color: #fff;}
section.newsletter dl dd a { color: #fff; text-decoration: none;}
section.newsletter dl dd.form { position:relative; top:5px;}
section.newsletter dl dd.form input { padding-left:12px; width:200px; margin-right:5px; border:none; color:#333; vertical-align:middle;}
section.newsletter dl dd.form button { border:1px solid #fff; border-radius:0; background:#2b3879; color:#fff; vertical-align:middle;}
section.newsletter dl dd.form button:hover { background:#fff; color:#2b3879;}

section.sitemap { background:#252525;}
section.sitemap h2 { display:none;}
section.sitemap .container { overflow:hidden;}
section.sitemap .container div { float:left; width:18%; text-align:left;}
section.sitemap .container div.ir { width:10%;}
section.sitemap .container div p { margin-bottom:0.7em; font-family:'Century Gothic'; color:#fff;}
section.sitemap ul li { display:block; margin-bottom:3px; font-size:0.88em; list-style:none;}
section.sitemap a { color:#aaa;}

/* 모바일 */		
@media (min-width: 320px) {
	section { padding-bottom:2.5em;}
	section h2 { margin-bottom:1em; font-size:2.2em;}
	section h3 { margin-bottom:1.4em; font-size:1.3em; line-height:1.4em;}
	section p { margin-bottom:1.6em; font-size:1em; line-height:1.6em;}
	
	section.about { margin-top:2em;}
	section.products { margin-bottom:2em; padding-top:2em; padding-bottom:2em;}
	section.products .tit { font-size:1.5em;}
	section.products img { width:50%;}
	section.products p.sub { font-size:0.9em}
	
	
	section.pr { padding-bottom:4em;}
	section.pr .row { margin-bottom:0;}
	section.pr .row .news, section.pr .row .gallery, section.pr .row .media, section.pr .row .down { margin-bottom:0.5em;}
	section.pr .row a .txt { top:29%; width:80%; margin-left:10%;}
	section.pr .row a .tit { font-size:1.8em;}
	section.pr .row a img { width:100%;}
	section.pr .row .down a .tit { letter-spacing:-0.05em;}
	section.pr .row a .sub { font-size:0.9em;}}
	
@media (max-width: 767px) {
	section { text-align:left;}
	section br { display:none;}
	section.products .col-xs-12 { text-align:center;}
	section.products p br { display:block;}
	section.sitemap, section.newsletter { display:none;}}
	
/* 아이패드 */
@media (min-width: 768px) {
	section { padding-bottom:3em;}
	section h2 { margin-bottom:0.7em; font-size:2.7em;}
	section h3 { margin-bottom:1em; font-size:1.6em; line-height:1.25em;}
	section p { margin-bottom:1.5em; font-size:1em;}
	section.about { margin-top:3em;}
	
	section.products { margin-bottom:3em; padding-top:3em; padding-bottom:3em;}
	section.products h3 { margin-bottom:1em;}
	section.products p.tit { font-size:1.4em;}
	section.products img { width:100%;}
	section.products p.sub { font-size:1em;}
	/*section.products p br { display:none;}*/
	
	section.pr .row { margin-bottom:1.7em;}
	
	section.newsletter { padding-bottom:0;}
	section.newsletter dl { padding-bottom:5px;}
	section.newsletter dl dt { height:47px; font-size:1.5em;}
	section.newsletter dl dd.txt { font-size:0.9em; line-height:2.3em;}
	section.newsletter dl dd.form { display:block;}
	section.newsletter dl dd.form input { height:31px; font-size:0.9em;}
	section.newsletter dl dd.form button { font-size:0.9em;}
	
	section.sitemap { padding-top:3em; padding-bottom:2.1em;}
	section.sitemap .container div p { font-size:1.1em;}}
	
/* 웹 */
@media (min-width: 992px) {
	section { padding-bottom:5em;}
	section h2 { font-size:3.5em;}
	section h3 { margin-bottom:0.4em; font-size:2.4em; line-height:1.4em;}
	section p { margin-bottom:2.2em; font-size:1.3em;}
	section.about { margin-top:5em;}
	
	section.products { margin-bottom:6em; padding-top:6.5em; padding-bottom:6em;}
	section.products h3 { margin-bottom:0.6em;}
	section.products p.tit { font-size:2.4em;}
	section.products p.sub { font-size:1.3em;}
	section.products img { width:auto;}
	
	section.pr .row .media { overflow:inherit;}
	section.pr .row .news a img, section.pr .row .gallery a img, section.pr .row .media a img, section.pr .row .down a img { width:455px; height:235px;}
	section.pr .row a .txt { top:30%;}
	section.pr .row a .tit { font-size:3em;}
	section.pr .row .down a .tit { letter-spacing:-0.05em;}
	section.pr .row a .sub { font-size:1em;}
	section.pr .row a:hover img { transform:scale(1.02); -webkit-transform:scale(1.02); -ms-transform:scale(1.02);
		transition:All 0.6s linear; -webkit-transition:All 0.6s linear; -ms-transition:All 0.5s linear;}
		
	section.newsletter { padding-bottom:15px;}
	section.newsletter dl { margin-bottom:0;}
	section.newsletter dl dt { font-size:2em;}
	section.newsletter dl dd.txt { margin-right:20px; font-size:1em; line-height:3.3em;}
	section.newsletter dl dd.form input { height:34px; font-size:1em;}
	section.newsletter dl dd.form button { font-size:1em;}
	
	section.sitemap { padding-top:6em; padding-bottom:5em;}
	section.sitemap .container div p { font-size:1.3em;}
}
@media (min-width: 1200px) {
	section.newsletter { padding-bottom:3px;}
	section.newsletter dl dt { height:auto; }
	section.business img { margin-left:50px; width:613px; height:553px;}
	section.pr .row .news a img, section.pr .row .gallery a img, section.pr .row .media a img, section.pr .row .down a img { width:540px; height:249px;}
	section.sitemap { padding-top:8em; padding-bottom:7em;}}