/***********************************************************************************
	Copyright ⓒ DAONTHEME All rights reserved. Do Not delete the license.
	유료컨텐츠용 CSS입니다. 불법복제시 법적인 제제를 받으실 수 있습니다. 	
************************************************************************************/
 [class~=company]{width:100%} [class~=company]:after{content:"";display:block;clear:both} [class~=company] [class~=img_cont]{width:100%;margin-bottom:50px} [class~=company] [class~=img_cont] img{width:100%;height:300px} [class~=company] [class~=ceo_msg]{width:100%} [class~=company] [class~=ceo_msg] [class~=con_left]{position:relative;top:0;left:0;float:left;width:35%;font-size:2em;color:#000;line-height:1.4em;margin-top:30px} [class~=company] [class~=ceo_msg] [class~=con_left] [class~=nemo]{width:300px;height:250px;margin-left:50px;border:10px solid #eee} [class~=company] [class~=ceo_msg] [class~=con_left] [class~=nemo_txt]{position:absolute;width:310px;padding:20px 0;left:50%;margin-left:-165px;text-align:center;top:70px;background:#fff;z-index:1;border:0px solid red} [class~=company] [class~=ceo_msg] [class~=con_left] [class~=nemo_txt] p{font-size:2em;color:#000;line-height:1.4em} [class~=company] [class~=ceo_msg] [class~=con_left] [class~=nemo_txt] img{padding-top:15px} [class~=company] [class~=ceo_msg] [class~=con_right]{float:right;width:65%} [class~=company] [class~=ceo_msg] [class~=con_right] p{color:#313131;line-height:1.6em} [class~=company] [class~=ceo_msg] [class~=con_right] [class~=bold]{color:#000;line-height:1.3em;font-size:2em;padding-bottom:30px} [class~=company] [class~=ceo_msg] [class~=con_right] [class~=sign]{display:block;font-size:1.3em;color:#222;text-align:left;padding-top:30px} [class~=company] [class~=summary]{float:left;width:100%;margin-top:50px} [class~=con_arrow]{font-size:1.6em;font-weight:700;line-height:30px;color:#000;margin:50px 0 20px 0;border:0px solid red} [class~=con_arrow]:before{content:"";width:16px;height:16px;display:inline-block;border:5px #59647A solid;box-sizing:border-box;border-radius:14px;background:#fff;margin-right:10px} [class~=con_arrow]:first-child{margin:0 0 20px 0} [class~=tbl_type1]{width:100%;border-collapse:separate;border-spacing:0px;border-top:2px solid #002b5c} [class~=tbl_type1] th{color:#333;text-align:center;font-weight:700;padding:10px 15px;border-bottom:1px solid #eee;border-right:1px solid #eee;background-color:#f8f8f8} [class~=tbl_type1] td{text-align:left;padding:10px 15px;border-bottom:1px solid #eee} [class~=history_top]{width:120px;height:120px;padding-top:27px;margin:70px auto;line-height:22px;font-size:1.5em;text-align:center;color:#fff;background:#333;border-radius:50%} [class~=timeline]{box-sizing:border-box} [class~=timeline]:before{box-sizing:border-box} [class~=timeline] *{box-sizing:border-box} [class~=timeline] *:before{box-sizing:border-box} [class~=timeline]{position:relative;font-size:1em;width:100%;height:100%;margin:50px auto;overflow-y:hidden;overflow-x:hidden} [class~=timeline] [class~=timeline-block]{margin-top:-4px} [class~=timeline] [class~=timeline-icon]{position:absolute;width:12px;height:12px;left:50%;margin-left:-6px;margin-top:4px;border:3px solid #4e9cdd;border-radius:100%;background-color:#fff;text-align:center} [class~=timeline] [class~=timeline-icon][class~=timeline-icon-hide-border]{border:0} [class~=timeline] [class~=timeline-icon][class~=timeline-icon-hide-border] i[class~=fa]{margin-left:0;margin-top:0}  [class~=timeline] [class~=timeline-icon][class~=timeline-icon-hide-border] img{margin-left:0;margin-top:0} [class~=timeline] [class~=timeline-icon] i[class~=fa]{display:inline-block;width:32px;height:32px;margin-left:-4px;margin-top:-4px;vertical-align:bottom;line-height:32px;text-align:center;font-size:30px}  [class~=timeline] [class~=timeline-icon] img{display:inline-block;width:32px;height:32px;margin-left:-4px;margin-top:-4px;vertical-align:bottom;line-height:32px;text-align:center;font-size:30px} [class~=timeline] [class~=timeline-icon] img{border-radius:100%} [class~=timeline] [class~=timeline-content]{position:relative;width:46%;padding-bottom:50px;line-height:20px} [class~=timeline] [class~=timeline-content] [class~=bar_count]{font-size:1.5em;color:#000;margin-bottom:10px} [class~=timeline] [class~=timeline-content] ul li img{width:100%;height:auto;margin-top:20px;background:red} [class~=timeline]::before{position:absolute;width:1px;height:100%;top:0px;left:50%;margin-left:-1px;background-color:#eee;content:""} [class~=timeline][class~=timeline-alternating] [class~=timeline-block]:nth-of-type(2n+1) [class~=timeline-content]{text-align:right} [class~=timeline][class~=timeline-alternating]:not([class~=timeline-left]) [class~=timeline-block]:nth-of-type(2n) [class~=timeline-content]{left:54%} [class~=timeline][class~=timeline-alternating]:not([class~=timeline-left]) [class~=timeline-block]:nth-of-type(2n) [class~=timeline-date]{left:auto;right:115%;margin-left:-400px} [class~=vision]{width:100%;margin:0 auto;max-width:1200px} [class~=vision]:after{content:"";display:block;clear:both} [class~=vision] ul{padding:0;margin:0} [class~=vision] ul li{float:left;width:200px;text-align:center;margin:0 50px} [class~=vision] ul li div{width:200px;text-align:center;background:#f8f8f8;border:1px solid #eee;box-sizing:border-box;border-radius:10px} [class~=vision] ul li:nth-child(1) div{background:#1985b7;color:#fff} [class~=vision] ul li:nth-child(2) div{background:#00529b;color:#fff} [class~=vision] ul li:nth-child(3) div{background:#6b7786;color:#fff} [class~=vision] ul li:nth-child(4) div{background:#333;color:#fff} [class~=vision] ul li div i{display:block;width:100%;height:100%;line-height:200px;font-size:4em} [class~=vision] ul li strong{position:relative;display:block;margin-top:50px;font-size:1.5em;text-align:center} [class~=vision] ul li strong:before{content:"";position:absolute;left:50%;top:-18px;transform:translate(-50%,0);display:block;width:30px;height:3px;background:#c53528} [class~=vision] ul li > span{display:block;text-align:center;font-size:1em;line-height:20px;margin-top:20px} [class~=map_wrap]{width:100%;max-width:1300px;margin:0 auto;margin-bottom:0px} [class~=map_wrap] [class~=map_info]{width:100%;display:inline-block;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:20px 0} [class~=map_wrap] [class~=map_info] span{margin:0 15px} [class~=map_wrap] [class~=map_info] span strong{color:#222;margin:0 10px} [class~=map_wrap] [class~=map_info] span{display:inline-block}  strong{display:inline-block} [class~=map_wrap] [class~=publicTransit]{width:100%;max-width:1300px;margin:50px auto} [class~=map_wrap] [class~=publicTransit] > p{padding-bottom:25px;font-size:1.5em;line-height:20px;color:#2c2c2c} [class~=map_wrap] [class~=publicTransit] dl{overflow:hidden;width:100%;padding-bottom:15px;box-sizing:border-box} [class~=map_wrap] [class~=publicTransit] dl dt[class~=show]{visibility:visible} [class~=map_wrap] [class~=publicTransit] dl dt{visibility:hidden;float:left;width:60px;height:20px;font-size:1.2em;color:#5a5a5a;margin-right:10px} [class~=map_wrap] [class~=publicTransit] dl dd{float:left;font-size:1em} [class~=map_wrap] [class~=publicTransit] dl dd > span{display:inline-block;font-size:0.85em;text-align:center;color:#fff;padding:0px 8px;margin-right:10px;border-radius:3px 3px 3px 3px;background-color:#2fba06} @media screen and (max-width:360px){} {}@media all and (max-width:992px){[class~=vision] ul li{float:left;width:50%;margin:0 auto}} @media all and (max-width:992px){[class~=vision] ul li:first-child{margin-left:0px}} @media all and (max-width:992px){[class~=vision] ul li div{margin:0 auto}} @media all and (max-width:992px){[class~=vision] ul li > span{margin-bottom:50px}} @media all and (max-width:992px){[class~=company] [class~=img_cont] img{width:100%;height:auto}} @media all and (max-width:992px){[class~=company] [class~=ceo_msg] [class~=con_left]{float:none;width:100%;text-align:center;margin-top:0px;padding-bottom:60px}} @media all and (max-width:992px){[class~=company] [class~=ceo_msg] [class~=con_left] [class~=nemo]{margin:0 auto}} @media all and (max-width:992px){[class~=company] [class~=ceo_msg] [class~=con_left] [class~=nemo_txt]{left:50%;margin-left:-155px;border:0px solid red}} @media all and (max-width:992px){[class~=company] [class~=ceo_msg] [class~=con_right]{width:100%;float:none}} @media all and (max-width:992px){[class~=timeline] [class~=timeline-content] ul li img{height:auto}} @media screen and (max-width:480px){[class~=company] [class~=ceo_msg] [class~=con_right] [class~=bold]{font-size:1.3em}} @media screen and (max-width:480px){[class~=vision] ul li{width:100%}}