@charset "utf-8"; 

.solution{}
.solution:after{content:""; display:block; clear:both}
.solution .btn_list{display:none}


.solution_tab_menu {display:inline-block; width:100%; height:auto; margin:15px auto 60px auto; text-align:center}
.solution_tab_menu span {display:inline-block; margin-bottom:15px; box-sizing:border-box}
.solution_tab_menu span p {display:inline-block; min-width:150px; height:60px; margin:0 7px 15px 0; padding:10px 30px; border:1px solid #dadbde; border-radius:50px; background:#fff; font-weight:bold; font-size:18px; line-height:40px; text-align:center; letter-spacing:-1px; word-break:keep-all; box-sizing:border-box}
.solution_tab_menu span p a {text-decoration:none}
.solution_tab_menu span p a:hover {cursor:pointer; color:#ff7f00; border-radius:50px; border:0px none}
.solution_tab_menu span p a>i{display:inline; font-style:normal}
.solution_tab_menu span p.menu_first {}
.solution_tab_menu span p.menu_on {background:#ff7f00; border-radius:50px; border:1px solid #ff7f00; box-sizing:border-box}
.solution_tab_menu span p.menu_on a{color:#fff}
.solution_tab_menu span p.menu_on a>i{display:inline; font-style:normal}
.solution_select{display:none}


/* 제품리스트 */
.solution_list{width:100%; margin-left:-25px}
.solution_list dl{display:inline-block}
.solution_list dd{position:relative; float:left; width:400px; height:560px; margin-top:40px; /*margin-left:40px;*/margin-left:25px; border:1px solid #cecece; box-sizing:border-box}
/*.solution_list dd:nth-child(3n+1){margin-left:0px}*/
.solution_list dd span{display:inline-block}
.solution_list dd span img{box-sizing:border-box}
.solution_list dd ul{position:relative; width:100%; height:290px; padding:40px; box-sizing:border-box}
.solution_list dd ul li{font-size:18px; line-height:26px; color:#555; letter-spacing:-2px; word-break:keep-all}
.solution_list dd ul li.discription{font-size:16px}
.solution_list dd ul li.product_name{margin:10px 0 20px 0; font-size:27px; font-weight:bold}
.solution_list dd ul li p>i{display:inline-block; font-style:normal !important}
.solution_list dd ul li.annotation_sanitox{display:block; margin-top:5px; font-size:13px; color:#00848d; letter-spacing:-1px}
.solution_list dd ul li.annotation_mail{display:block; margin-top:5px; font-size:13px; color:#c30d22; letter-spacing:-1px}
.solution_list dd ul li.annotation_docu{display:block; margin-top:5px; font-size:13px; color:#0066ad; letter-spacing:-1px}
.solution_list dd ul li.product_btn{position:absolute; top:220px}
.solution_list dd ul li.product_btn a{display:inline-block; height:34px; padding:0 15px 0 15px; color:#555; background:#fff; border:1px solid; border-color: rgba(0, 0, 0, 0.1); border-radius:50px}
.solution_list dd ul li.product_btn a:hover{color:#fff; border:1px solid; border-color: rgba(0, 0, 0, 0.1); border-radius:50px}
.solution_list dd ul li.product_btn.sanitox a:hover{background:#00848d}/* sanitox */
.solution_list dd ul li.product_btn.spamsniper a:hover{background:#c30d22}/* spamsniper */
.solution_list dd ul li.product_btn.mailscreen a:hover{background:#00398f}/* mailscreen */
.solution_list dd ul li.product_btn.jvault a:hover{background:#e35227}/* jvault */
.solution_list dd ul li.product_btn.mudfix a:hover{background:#00ad7b}/* mudfix */
.solution_list dd ul li.product_btn.docu a:hover{background:#0066ad}/* docu */
.solution_list dd ul li.product_btn.mobile a:hover{background:#365abd}/* mobile */
.solution_list dd ul li.product_btn.dcent a:hover{background:#22acb7}/* dcent */
.solution_list dd ul li.product_btn button{background:url('../images/icon/ico-solution.png') no-repeat right 19px; padding-right:20px; font-weight:bold; font-size:14px;  line-height:49px;letter-spacing:-1px; color:#555 }
.solution_list dd ul li.product_btn a:hover button{background:url('../images/icon/ico-solution_on.png') no-repeat right 19px; color:#fff}







@media (max-width:1024px){

	/* 솔루션맵 */
    .solution{padding:0 16px; box-sizing:border-box}
	.solution:after{content:""; display:block; clear:both; margin:0 auto}
	.solution .btn_list{display:none}

	
	/* 탭메뉴 */
	.solution_tab_menu {display:none}
	.solution_select{display:inline-block; width:100%; text-align:center}
	.solution_select select{min-width:320px; max-width:820px; height:46px; margin-left:12px; padding:7px 15px; font-size:18px; font-family:'NotoSansKR','AppleGothic'; box-sizing:border-box; background:url('/static/images/common/ico-select-arrow_wh@2x.png') no-repeat  95% 10px; background-size:24px 24px; background-color:#ff7f00; border-radius:5px; border:0px; color:#fff;}
	.solution_select select option{font-family:'NotoSansKR','AppleGothic'; max-height:40px;background:#fff; border:1px solid #ff7700; border-radius:5px;color:#555;box-sizing:border-box;}
	.solution_select select option:hover{}

	.solution_select select:hover {  border-color: #888;}

	.solution_select select:focus {  border-color: #aaa;  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);  box-shadow: 0 0 0 3px -moz-mac-focusring;  color: #222;  outline: none;}

	.solution_select select:disabled {  opacity: 0.5;}


	/* 제품리스트 */	
	.solution_list{margin:0 auto; width:100%; text-align:center; margin-left:0}
	.solution_list dl{display:inline-block; width:100%;  max-width:846px; margin:0 auto; text-align:center}
	.solution_list dd{position:relative; display:inline-block; float:left; width:100%; max-width:400px; height:100%; margin:30px auto 0 auto; text-align:center; border:1px solid #cecece; box-sizing:border-box}
	.solution_list dd:nth-child(1n+1){margin-left:20px}
	.solution_list dd span{display:inline-block}
	.solution_list dd span img{box-sizing:border-box}
	.solution_list dd ul{position:relative; width:100%; height:290px; padding:20px; box-sizing:border-box}
	.solution_list dd ul li{font-size:18px; line-height:26px; color:#555; letter-spacing:-2px; text-align:left; word-break:keep-all}
	.solution_list dd ul li.discription{font-size:16px}
	.solution_list dd ul li.product_name{margin:10px 0 20px 0; font-size:27px; font-weight:bold}
	.solution_list dd ul li p>i{display:inline-block; font-style:normal !important}
	.solution_list dd ul li.annotation_sanitox{display:block; margin-top:5px; font-size:13px; color:#00848d; letter-spacing:-1px}
	.solution_list dd ul li.annotation_mail{display:block; margin-top:5px; font-size:13px; color:#c30d22; letter-spacing:-1px}
	.solution_list dd ul li.annotation_docu{display:block; margin-top:5px; font-size:13px; color:#0066ad; letter-spacing:-1px}
	.solution_list dd ul li.product_btn{position:absolute; top:220px}
	.solution_list dd ul li.product_btn a{display:inline-block; height:34px; padding:0 15px 0 15px; color:#555; background:#fff; border:1px solid; border-color: rgba(0, 0, 0, 0.1); border-radius:50px}
	.solution_list dd ul li.product_btn a:hover{color:#fff; border:1px solid; border-color: rgba(0, 0, 0, 0.1); border-radius:50px}
	.solution_list dd ul li.product_btn.sanitox a:hover{background:#00848d}/* sanitox */
	.solution_list dd ul li.product_btn.spamsniper a:hover{background:#c30d22}/* spamsniper */
	.solution_list dd ul li.product_btn.mailscreen a:hover{background:#00398f}/* mailscreen */
	.solution_list dd ul li.product_btn.jvault a:hover{background:#e35227}/* jvault */
	.solution_list dd ul li.product_btn.mudfix a:hover{background:#00ad7b}/* mudfix */
	.solution_list dd ul li.product_btn.docu a:hover{background:#0066ad}/* docu */
	.solution_list dd ul li.product_btn.mobile a:hover{background:#365abd}/* mobile */
	.solution_list dd ul li.product_btn.dcent a:hover{background:#22acb7}/* dcent */
	.solution_list dd ul li.product_btn button{background:url('../images/icon/ico-solution.png') no-repeat right 11px; margin-top: 2px; padding-right:20px; font-weight:bold; font-size:14px;  line-height:35px;letter-spacing:-1px; color:#555 }
	.solution_list dd ul li.product_btn a:hover button{background:url('../images/icon/ico-solution_on.png') no-repeat right 11px; color:#fff}
}


@media (max-width:812px){

	/* 솔루션맵 */
    .solution{padding:0 16px; box-sizing:border-box}
	.solution:after{content:""; display:block; clear:both; margin:0 auto}
	.solution .btn_list{display:none}

	
	/* 탭메뉴 */
	.solution_tab_menu{display:none}
	.solution_select{display:inline-block; width:100%; text-align:center}
	.solution_select select{min-width:320px; max-width:360px; margin-left:0px; height:46px; padding:7px 15px; font-size:18px; box-sizing:border-box; background:url('/static/images/common/ico-select-arrow_wh@2x.png') no-repeat  95% 10px; background-size:24px 24px; background-color:#ff7f00; border-radius:5px; border:0px; color:#fff;}


	/* 제품리스트 */
	.solution_list {margin:0 auto; width:100%; text-align:center}
	.solution_list dl{display:inline-block; width:400px; max-width:800px; margin:0 auto; text-align:center}
	.solution_list dd{position:relative; display:inline-block; float:left; width:100%; max-width:360px; height:100%; margin:30px auto 0 auto; text-align:center; border:1px solid; border-color: rgba(0, 0, 0, 0.1); box-sizing:border-box}
	.solution_list dd:nth-child(1n+1){margin-left:20px}
	.solution_list dd span{display:inline-block}
	.solution_list dd span img{box-sizing:border-box}
	.solution_list dd ul{position:relative; width:100%; height:auto; padding:20px; box-sizing:border-box}
	.solution_list dd ul li{font-size:16px; line-height:26px; color:#555; letter-spacing:-1px; text-align:left; word-break:keep-all}
	.solution_list dd ul li.discription{font-size:14px}
	.solution_list dd ul li.product_name{margin:10px 0 20px 0; font-size:22px; font-weight:bold}
	.solution_list dd ul li p>i{display:inline-block; font-style:normal !important}
	.solution_list dd ul li.annotation_sanitox{display:block; margin-top:5px; font-size:13px; color:#00848d; letter-spacing:-1px}
	.solution_list dd ul li.annotation_mail{display:block; margin-top:5px; font-size:13px; color:#c30d22; letter-spacing:-1px}
	.solution_list dd ul li.annotation_docu{display:block; margin-top:5px; font-size:13px; color:#0066ad; letter-spacing:-1px}
	.solution_list dd ul li.product_btn{position:relative; top:0; margin-top:20px}
	.solution_list dd ul li.product_btn a{display:inline-block; height:34px; padding:0 15px 0 15px; color:#555; background:#fff; border:1px solid #dadbde; border-radius:50px}
	.solution_list dd ul li.product_btn a:hover{color:#fff; border:1px solid; border-color: rgba(0, 0, 0, 0.1); border-radius:50px}
	.solution_list dd ul li.product_btn.sanitox a:hover{background:#00848d}/* sanitox */
	.solution_list dd ul li.product_btn.spamsniper a:hover{background:#c30d22}/* spamsniper */
	.solution_list dd ul li.product_btn.mailscreen a:hover{background:#00398f}/* mailscreen */
	.solution_list dd ul li.product_btn.jvault a:hover{background:#e35227}/* jvault */
	.solution_list dd ul li.product_btn.mudfix a:hover{background:#00ad7b}/* mudfix */
	.solution_list dd ul li.product_btn.docu a:hover{background:#0066ad}/* docu */
	.solution_list dd ul li.product_btn.mobile a:hover{background:#365abd}/* mobile */
	.solution_list dd ul li.product_btn.dcent a:hover{background:#22acb7}/* dcent */
	.solution_list dd ul li.product_btn button{background:url('../images/icon/ico-solution.png') no-repeat right 11px; padding-right:20px; margin-top:-1px; font-weight:bold; font-size:14px;  line-height:35px;letter-spacing:-1px; color:#555 }
	.solution_list dd ul li.product_btn a:hover button{background:url('../images/icon/ico-solution_on.png') no-repeat right 11px; color:#fff}
}


@media (max-width:560px){

	/* 탭메뉴 */	
	.solution_tab_menu {display:none}
	.solution_select{display:inline-block; width:100%; text-align:center}
	.solution_select select{min-width:320px; max-width:390px; height:46px; margin-left:0px; padding:7px 15px; font-size:18px; box-sizing:border-box; box-sizing:border-box; background:url('/static/images/common/ico-select-arrow_wh@2x.png') no-repeat  95% 10px; background-size:24px 24px; background-color:#ff7f00; border-radius:5px; border:0px; color:#fff;}


	/* check, hover 스타일 설정 IE, Chrome */
	.solution_select select option:checked,
	.solution_select select option:hover {background: #ff00ff;color: #fff;}
	/* check, hover 스타일 설정 FireFox */
	.solution_select select option:checked,
	.solution_select select option:hover {box-shadow: 0 0 10px 100px #ff00ff inset;color: #fff;}


	/* 제품리스트 */
	.solution_list {margin:0 auto; width:100%; text-align:center}
	.solution_list dl{display:inline-block; width:100%; max-width:800px; margin:0 auto; text-align:center}
	.solution_list dd{position:relative; display:inline-block; float:left; width:100%; max-width:400px; height:100%; margin:30px auto 0 auto; text-align:center; border:1px solid #cecece; box-sizing:border-box}
	.solution_list dd:nth-child(1n+1){margin-left:0px}
}