@charset "utf-8";

/*
================================================================================
COMMON
================================================================================
*/

/* Ie-Upgrade */
.ie-upgrade{border-bottom:1px solid #333;padding: 20px;background: #23282f;box-sizing: border-box;z-index:9999; position:fixed; width:100%;}
.ie-upgrade div{position: relative; max-width:1080px; margin: 0px auto;}
.ie-upgrade p{color: #fff;font-size: 0.94em;margin: 0 auto;width: 450px;padding-left: 40px;}
.ie-upgrade p.txt strong,
.ie-upgrade p.txt em{ color:#ffbd18;}
.ie-upgrade p.txt:before{content:"";display:inline-block;width:70px;height:70px;margin-left:-95px; margin-top:-10px;position:absolute;background: url('https://www.hesol365.com/images/common/Internet-Explorer-icon.png') no-repeat; background-size: 70px}
.ie-upgrade a.btnGo { display: inline-block; margin-left: 5px; color:rgba(70,140,224,1.00); border: 1px solid #000; padding: 0px 15px; font-size: 0.73em; border-radius: 3px; background-color:rgba(0,0,0,.30)}
.ie-upgrade p.close{ position: absolute;bottom: 0;right: 0;text-align: right;color: #e2e2e2; display: inline-block; width:100px }
.ie-upgrade p.close a{ color:#fff;}

@media only screen and (max-width:1024px){
.ie-upgrade div{ max-width:815px;}
.ie-upgrade p{text-align: left; margin-left:55px;}
}

/* link : _blank */
a.link[target="_blank"] {font-weight: 400;/* padding: 0 5px; */}
a.link[target="_blank"]:after{content:'';display:inline-block;margin: 0 0px 0 5px;background: url('https://www.hesol365.com/images/common/ic_blank.png') no-repeat 0 0;width:14px;height:14px;vertical-align: middle;}
a.link[target="_blank"]:hover {text-decoration: underline;}
a.link.button[target="_blank"]:after {background-image: url(https://www.hesol365.com/images/common/ic_blank_w.png); opacity: 1; margin: 0 0 0 5px; }


/*** Tab ***/
.tabSec { position:relative; padding:0; margin-bottom:0px; background-color: #efeeed; margin-left:1px;}
.tabSec:after { clear:both; content: ""; display: block}
.tabSec ul{ background:#f4f4f4;}
.tabSec li {float:left; width:25%;}
.tabSec li:last-child {padding:0px; border-left:0;}
.tabSec li:last-child a{ margin: -1px -1px 0 0;}
.tabSec li a{display:block; padding:0 5px; height:45px; line-height:45px; font-size: 1em; text-align:center; color:#7a7979;text-decoration:none; border: 1px solid #fff; letter-spacing:-0.05em; margin:-1px 0 0 -1px; box-sizing:border-box;background: #efeeed;transform:all .3s ease;transition:background .3s, border-color .3s;}
.tabSec li a:hover,.tabSec li a:focus,.tabSec li a:active{color:#20364b; border-color:#efeeed; background:#fff;}
.tabSec li.on a{color:#21c6cb; border:1px solid  #20364b; background: #20364b; }
.tabSec.cols2 li{ width:50%;}
.tabSec.cols3 li{ width:33.3%;}
.tabSec.cols3 li:nth-child(2),.tabSec.cols3 li:nth-child(5){ width:33.4%;}
.tabSec.cols4 li{width:25%;}
.tabSec.cols5 li{width:20%;}
.tabSec.cols6 li{ width:16.6%;}
.tabSec.cols6 li:first-child { width:17%;}
.tab_content { display: none; background-color: #fff;}

@media only screen and (max-width:1024px){
	.tabSec.cols3 li,.tabSec.cols3 li:nth-child(2),.tabSec.cols3 li:nth-child(5),
	.tabSec.cols4 li,
	.tabSec.cols5 li,
	.tabSec.cols6 li:first-child,
	.tabSec.cols6 li{width:50%;}
	.tabSec li:last-child a{  margin:-1px 0 0 -1px;}
}

/* list style */
.list01>li,
.list02>li,
.list03>li { position:relative; box-sizing:border-box; padding-left:15px;margin-bottom:5px; font-size:1.05em;}
.list01>li:last-child,
.list02>li:last-child { margin-bottom:0;}
.list01>li:before,
.list02>li:before,
.list03>li:before{ content:''; display:block; position:absolute; left:5px; top:9px; } 
.list01>li ul,
.list02>li ul{ padding:5px 0;}
.list01>li em,
.list02>li em,
.list03>li em{ display:block;}

.list01>li {font-weight: 400}
.list01>li:before{ background:#5d5d5d; width:3px; height:3px;} 
.list02>li:before{ width: 0;height: 0; border-top: 2px solid transparent;border-left: 4px solid #5d5d5d; border-bottom: 2px solid transparent;} 
.list03>li {margin-bottom:3px; font-size:1em;}
.list03>li:before{ background:#8c8c8c; width:4px; height:1px;left:4px; top:9px} 
.list01>li li { position:relative; box-sizing:border-box; padding-left:12px;  margin-bottom:3px; color:#8c8c8c; font-size: .95em; }
.list01>li li:before{ content:''; display:block; position:absolute; left:0; top:8px; background:#8a8a8a; width:5px; height:1px; } 

.dlStyle dt{font-size:1.025em; line-height:150%; font-weight:700; margin-bottom:5px; color:#333;}
.dlStyle dd{font-size: 1em; line-height:1.4; color:#666; margin-bottom:15px;}
.dlStyle dd:last-child{ margin-bottom:0;}

.list_img {clear: both; overflow: hidden; margin-bottom: 20px; }
.list_img:after {clear:both; content: ""; display: block}
.list_img * { box-sizing: border-box}
.list_img > li {float: left;width: 23.5%;margin-right: 2%;padding-bottom: 20px;text-align:  center;position: relative;}
.list_img > li:nth-child(4n+4) {margin-right: 0 !important;}
.list_img > li img { width: 100%; display: block}
.list_img > li > span {display: block;padding: 10px 5px;background: #f2f2f2 url('../images/common/list_img_bg.gif');clear: both;color: #666;font-size: 0.95em;}

.txtD_box{ overflow:hidden; padding:20px; background:#f8f8f8;}
.txtD_box li{ position:relative; margin-bottom:10px; color:#7c7c7c;}
.txtD_box li strong{ color:#535252; position:relative; padding-left:20px; display:inline-block; min-width:105px; margin-right:15px;}
.txtD_box li strong:before{content:'';display: block;position: absolute;left: 0px;top: 6px;background:#fff;width: 6px;height: 6px; border-radius:50%; border:2px solid #b1b1b1;}
.txtD_box li strong:after{content:'';display: block;position: absolute;right: 0px;top: 5px; width:1px; height:14px; background:#d7d7d7;}

ol.numList { list-style: decimal; padding-left:20px;}
ol.numList li{ padding-left:0; margin-bottom: 3px;}
ol.numList li:before{ display:none;}
ol.numList.txt_sm{ color:#525252;}

ol.list_num { margin-bottom:10px; overflow:hidden; padding-bottom:2px;}
ol.list_num > li { position: relative; padding: 0px 0 0 30px; margin-bottom: 10px ; color:#696969; }
ol.list_num > li:last-child  { margin-bottom: 0}
ol.list_num > li:before {content: "1"; color: #fff; font-weight:700; text-align: center; width: 20px; height: 20px; line-height: 20px; position: absolute; left: 0; top:0; background: #45b0b3; border-radius: 50%; font-size: .8em}
ol.list_num > li:first-child:before{content: "1";}
ol.list_num > li:nth-child(2):before {content: "2";}
ol.list_num > li:nth-child(3):before {content: "3";}
ol.list_num > li:nth-child(4):before {content: "4";}
ol.list_num > li:nth-child(5):before {content: "5";}
ol.list_num > li:nth-child(6):before {content: "6";}
ol.list_num > li:nth-child(7):before {content: "7";}
ol.list_num > li:nth-child(8):before {content: "8";}
ol.list_num > li:nth-child(9):before {content: "9";}
ol.list_num > li:nth-child(10):before {content: "10";}
ol.list_num > li:nth-child(11):before {content: "11";}
ol.list_num > li:nth-child(12):before {content: "12";}
ol.list_num > li:nth-child(13):before {content: "13";}
ol.list_num > li:nth-child(14):before {content: "14";}

ol.list_num.cols2 li{ width:50%; float:left; padding-right:60px;}
@media only screen and (max-width:1024px){
	ol.list_num.cols2 li{ width:auto; float:none; padding-right:0;}
	.txtD_box li{ padding-left:110px;}	
	.txtD_box li strong{ min-width:100px; margin-right:10px; position:absolute; left:0;}
	.txtD_box li strong:before{ top:5px;}
	.txtD_box li strong:after{ height:13px; top:4px;}
}
@media only screen and (max-width:640px){
	.txtD_box li{ padding-left:100px;}	
	.txtD_box li strong{ min-width:90px; margin-right:10px; position:absolute; left:0;    padding-left: 15px;}
	.txtD_box li strong:before{ top:5px; width:5px; height:5px;}
	.txtD_box li strong:after{ height:13px; top:4px;}
}	
@media only screen and (max-width:480px){
	.list01>li em,
	.list02>li em,
	.list03>li em{ display: inline;}
	.txtD_box li { padding-left:0}
	.txtD_box li strong{ display:inline-block; min-width:inherit; position:relative;}
	.txtD_box li strong:after{ right:-5px; height:11px;}
	
}


/* list_box */
.list_box{background:#fff;border:1px solid #d9d9d9;border-color: #44b0b3;border-width:2px 1px 1px 1px;overflow:hidden;padding:30px 45px;margin-bottom:20px;}
.list_box p{font-size: 0.95em;margin-bottom: 7px;}
.list_box p:last-child { margin-bottom: 0}
.list_box .btxt{ text-align:center; border-bottom:3px double #ddd; font-size:1.4em; color:#3a3a3a; font-weight:700; line-height:1em; padding-bottom:15px; margin-bottom: 15px;} 
.list_box li:last-cihld{ margin-bottom:0;}

.list_box ol.list_num{margin-bottom: 0;}
.list_box ol.list_num > li{ margin-bottom: 3px;}
.list_box ol.list_num > li a{display: block;}
.list_box ol.list_num > li:before{ top:3px;}
@media only screen and (max-width:1024px){
	.list_box{ padding:20px 35px;}	
}

@media only screen and (max-width:768px){	
	.list_box{ padding:15px 25px;}
	.list_box .btxt{ text-align:left;}
}

/* notice */
div.notice, p.notice{ position:relative; padding:0 0 0 40px; margin-bottom:30px;}
div.notice:after, p.notice:after { content:"!"; display:block; width:30px; height:30px; padding:3px; box-sizing:border-box; color:#f73a3a; font-weight:700; border-radius:50%; border: 2px solid #fbc7c7; background:#fff; text-align:center; vertical-align:middle; position:absolute; left:0; top:0;}
.noticeTxt{ color:#555; padding:0 0 0 20px; position:relative;}
.noticeTxt:after { content:"i"; display:block; width:16px; height:16px; padding:0; box-sizing:border-box; color:#555; font-weight:400; border-radius:50%;  background:#fff; text-align:center; vertical-align:middle; position:absolute; left:0; top:3px; font-size: 0.73em; border:1px solid #adadad; }
.noticeTxt.Blue{ color:#3e75be;}
.noticeTxt.Blue:after { color:#3e75be; border-color:#3e75be;}
.noticeTxt.Red{ color:#f73a3a;}
.noticeTxt.Red:after { background:#f73a3a; border:0; color:#fff; }

/* 안내문 */
.info_box {position:relative;background:#f3f4f6;padding:35px 30px 30px 185px; margin-bottom:20px;}
.info_box:after {display:block;content:"";position:absolute;width:120px;height:120px;overflow:hidden;background:url('../images/common/ico_notice.png') no-repeat 0px 0;top:30px;left:30px;}
.info_box .info_tit {font-size:1.45em;color:#515353;font-weight:700; margin-bottom: 15px; line-height:1.2em; font-family:'나눔스퀘어','Nanum Square' }
.info_box ul li {margin-bottom:3px; position: relative; padding-left: 10px}
.info_box ul li:last-child  {margin-bottom:0px; }
.info_box ul li:before{ background-color:#8c8c8c; width:4px; height:1px;content:""; display:block; position:absolute; left:0px; top:8px;} 
.txt_box .btxt{ font-size:1.25em; color:#222; letter-spacing:-0.03em; font-weight:700; margin-bottom: 0}

.info_box .btn{ display:inline-block; padding:10px 23px; border:1px solid #44b0b3; font-size: 0.94em; position:absolute; bottom:30px; right:30px; color:#44b0b3; font-weight:500;transition-duration: 0.3s;}
.info_box .btn:hover{ background:#44b0b3; color:#fff;}

.info_box02 {background: #f8f8f8 url(../images/common/ico_ex05.png) no-repeat 20px 20px;   padding: 20px 20px 20px 70px;  border: 1px solid #eee;}
.info_box02 ul li {margin-bottom:3px; position: relative; padding-left: 10px}
.info_box02 ul li:last-child  {margin-bottom:0px; }
.info_box02 ul li:before{ background-color:#8c8c8c; width:4px; height:1px;content:""; display:block; position:absolute; left:0px; top:8px;} 

.info_box.callBox {padding:0;overflow:hidden;}
.info_box.callBox:after{ display:none;}
.info_box.callBox > div{width:50%;float:left;overflow:hidden;background:#f3f4f6;padding: 40px 30px 27px 190px;position:relative;}
.info_box.callBox > div:nth-child(1){ padding:40px; background:url('../images/common/arrow_infoBox.png') no-repeat 101% 50%, #21364b url('../images/common/bg_notice02.jpg') no-repeat 100% 100%; color:#fff;}

.info_box.callBox > div strong,
.info_box.callBox > div em{ display:block;}
.info_box.callBox > div .tit{ font-size:30px; margin-bottom:15px; line-height:1.2em; font-weight:300;}
.info_box.callBox > div:nth-child(2):after{display:block;content:"";position:absolute;width:120px;height:120px;overflow:hidden;background:url('https://www.hesol365.com/images/common/ico_notice02.png') no-repeat 0px 0;top:40px;left:40px;}
.info_box.callBox > div:nth-child(2) strong{ font-size: 2.35em; line-height:1em; margin-bottom:5px;}
.info_box.callBox > div:nth-child(2) .tit{ margin-bottom:10px; font-size:22px; font-weight:400;}
.info_box.callBox > div span{font-size: 0.87em;margin-bottom:10px;display: block; letter-spacing:-0.05em;}
.info_box.callBox .btn{position:relative; right:  inherit;bottom: inherit; margin-top:0;}
@media only screen and (max-width:1024px){
	.info_box {padding:20px}
	.info_box:after {display:none;}
	.info_box .btn{ position:relative; right:inherit; bottom: inherit; margin-top:10px; padding:8px 15px; font-size: 0.87em;}
	.info_box.callBox >div,
	.info_box.callBox > div:nth-child(1){ padding:25px;}
	.info_box.callBox > div:nth-child(2){ padding-bottom:0; padding-left:110px;}
	.info_box.callBox > div:nth-child(2):after{ display:block;background-size:70px; top:25px; left:20px;}
	.info_box.callBox > div .tit{ font-size:25px; margin-bottom:10px;}
	.info_box.callBox > div:nth-child(2) .tit{ font-size:20px; margin-bottom:7px;}
	.info_box.callBox > div:nth-child(2) strong{ font-size:25px;}
}
@media only screen and (max-width:640px){
	.info_box.callBox > div{ width:100%; float:none; padding: 18px 15px 18px 100px !important;}
	.info_box.callBox > div:nth-child(1){ display:none;}
	.info_box.callBox > div:nth-child(2):after{ top:18px; left:15px;}
	.info_box.callBox .btn{ position:absolute; bottom:18px; right:15px;}
	.info_box.callBox > div:nth-child(2) .tit{ font-size: 1.21em; margin-bottom:5px; font-weight:700;}
	.info_box.callBox > div:nth-child(2) strong{ font-size:23px;}
	.info_box.callBox > div:nth-child(2) span{ margin-bottom:0;}
}
@media only screen and (max-width:480px){
	.info_box.callBox > div:nth-child(2) .tit{ font-size:16px;}
	.info_box.callBox .btn{ position: relative; right:inherit; bottom: inherit; margin-top:5px;}
}

.info_ex {background:url('../images/common/ico_ex02.png') no-repeat 0 3px;padding:0 0 5px 22px;font-size:.95em;margin:7px 0 !important;}
.info_ex02 {background:url('../images/common/ico_ex03.png') no-repeat 0 3px;padding:0 0 5px 22px;font-size:.95em;margin:7px 0  !important;color:#3e75be}
.info_ex03 {background:url('../images/common/ico_ex04.png') no-repeat 0 3px;padding:0 0 5px 22px;font-size:.95em;margin:7px 0  !important;color:#f33d19}
.info-ex03 .sec {display:block;color:#777}
span.info-ex {display:inline-block;vertical-align:top;padding:0 0 5px 25px;margin-top:2px;min-height:16px;}
.winfo-box {border:1px solid #ddd;padding:3px 15px 10px;background:#fff;}
.winfo_box02 {border:1px solid #ddd;padding:10px 15px;background:#fff;overflow:hidden;margin-top:20px;}
.winfo-box02 .info-ex {margin-top:5px;}

/* 박스 */
.txt_box { clear:both; position:relative; padding:25px; border: 1px solid #ddd; overflow:hidden; margin:0 0 30px 0;box-sizing:border-box; background: #fafafa;}
.img_box{  clear:both;text-align:center; margin:0 0 15px 0; overflow:hidden; position:relative;}
.img_box img { max-width: 100%}
.img_box a .cover {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background: #fff; opacity:0.1;filter:Alpha(opacity=10); }
.img_box a:hover .cover {background:#000 url('../images/common/ico_ovmore.png') no-repeat 50% 50%;opacity:0.6;filter:Alpha(opacity=60);}
.bd_box{border:1px solid #ddd; padding:5px}
.txt_box .btxt{ font-size:1.25em; color:#222; letter-spacing:-0.03em; font-weight:700; margin-bottom: 0}
.txt_box p:last-child{ margin-bottom:0 !important;}
.line_box {position:relative;background:url('../images/common/line_box_bg.gif') repeat 0 0;padding:3px}
.line_box.no_bg{padding:0}
.line_box .inner {color:#333;line-height:1.6;padding:30px 30px 30px 130px;background:#fff; min-height: 100px}
.line_box.no_ico .inner{padding:30px;min-height: inherit}
.line_box.no_ico .inner:before {display:none;}
.img_box.cols2 img{ width:50%; float:left;}
.txtD{ display:block; background:#eeeeed; padding:25px; color:#737373; }
.txtD em{ display:block;}


@media only screen and (max-width:640px) {
	.txtD { padding:22px;}
}
@media only screen and (max-width:640px) {
	.img_box.cols2 img{ float:none; width:100%;}
	.img_box.cols2 img:first-child{ margin-bottom:5px;}
	.txtD { padding:18px;}
	.txtD em{ display: inline;}
}

/* line :bar */
.bar{ width:100%; height:1px; background:#dfdcdb; margin:40px auto 65px auto; max-width:1080px;}
@media only screen and (max-width:1024px) {
	.bar{ margin:32px auto 57px auto;}
}
@media only screen and (max-width:640px) {
	.bar{ margin:27px auto 52px auto;}
}
@media only screen and (max-width:480px) {
	.bar{ margin:22px auto 47px auto;}
}

/* mvBox */
.sectionBox .mvBox{ height:400px; margin-bottom:20px;}
@media only screen and (max-width:640px) {
	.sectionBox .mvBox{ height:350px; margin-bottom:15px;}
}
@media only screen and (max-width:480px) {
	.sectionBox .mvBox{ height:250px; margin-bottom:10px;}
}

/* addBox */
.addBox{ overflow:hidden;}
.addBox p{ color:#2d2d2d; font-size:1.07em;}
.addBox p.tit{ font-size:2.34em; font-weight:500; line-height:1.2em; margin-bottom:20px;}
.addBox em{ display:block;}

.addBox.add01{background:#b8b3b0 url('../images/sub/adBox_bg01.jpg') 50% 0 no-repeat; height:400px;}
.addBox.add01 .inner{ padding-top:90px;}
.addBox.add01 .tit:before{ content:''; display:block; margin:0 auto; margin-bottom:20px; width:49px; height:49px; background:url('../images/sub/add01_ico.png')0 0 no-repeat;}

.addBox.add02{background:#18222e url('../images/sub/adBox_bg02.jpg') 50% 0 no-repeat;}
.addBox.add02 .inner{padding: 41px 0;}
.addBox.add02 .tit:before{content:'';display:block;margin:0 auto;margin-bottom: 20px;width: 110px;height: 85px;background:url('../images/sub/add02_ico.png')0 0 no-repeat;}
.addBox.add02 p{ color:#fff;}
.addBox.add02 .button.white{ border-color: #fff; background: none; color: #fff; font-size:0.9em;}
.addBox.add02 .button.white:after{ background-image:url('../images/common/ico_down_on.png'); height:20px;}
.addBox.add02 .button.white:hover{ background-color:#f49800;border-color:#f49800; color:#000; }
.addBox.add02 .button.down.white:hover:after{ background-image:url('../images/common/ico_down_b.png');}

.addBox.add03{background:#ccc8c6 url('../images/sub/adBox_bg03.jpg') 50% 0 no-repeat;}
.addBox.add03 .inner{ padding:75px 0;}
.addBox.add03 .tit{ margin-bottom:20px;}
.addBox.add03 .tit:before{ content:''; display:block; margin:0 auto; margin-bottom:25px; width:60px; height:45px; background:url('../images/sub/add03_ico.png')0 0 no-repeat;}
.addBox.add03 .button{ background-color:#44b0b3; padding: 0 35px;}

.addBox.add04,
.addBox.add05{background:#70c7cc url('../images/sub/adBox_bg04.jpg') 50% 0 no-repeat; min-height:240px;}
.addBox.add05{background-image: url('../images/sub/adBox_bg05.jpg');}


@media only screen and (min-width:1540px) {
	.addBox.add02,
	.addBox.add03,
	.addBox.add04,
	.addBox.add05{ background-size:cover;}
}
@media only screen and (max-width:640px) {
	.addBox.add02 .inner,
	.addBox.add03 .inner{ padding: 50px 0;}
	.addBox.add04,
	.addBox.add05 { min-height:150px; background-size: cover;}
}

/*** Table ***/
table {width:100%; }
table tbody th, tfoot th, .tbl  tfoot td { font-weight: 400}
.tbl {margin-bottom: 10px;border-top: 2px solid  #25a69a;}
.tbl thead th {color:#222;padding:15px 5px;border-left: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;background:#fafafa;text-align:center;font-size: 1.07em;}
.tbl tbody th,
.tbl tfoot th,
.tbl td {padding:10px;border-left: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;text-align:center;background:#fff;}
.tbl tbody th{color:#222;background: #f9f9f9;}
.tbl tfoot th, .tbl  tfoot td { background-color: #3d9ba2; color: #fff; border-bottom:1px solid #3d9ba2;border-left:1px solid #3d9ba2; }
.tbl thead th:first-child,
.tbl tfoot th:first-child,
.tbl tbody th:first-child{border-left:none;}
.tbl tbody.tL td,
.tbl td ul {text-align:left;}
.tbl tbody td.line {border-color:#ddd;}

table td li { text-align: left; position:relative; box-sizing:border-box; padding-left:10px;margin-bottom:5px;}
table td li:before{ background:#5d5d5d; width:3px; height:3px;} 
table td li:before { content:''; display:block; position:absolute; left:0px; top:9px; } 
table td li ul{ padding:5px 0;}
table td li li { margin-bottom:3px; color:#999; font-size: .95em}
table td li li:before{ content:''; display:block; position:absolute; left:0; top:8px; background:#8a8a8a; width:5px; height:1px; } 
table ul li:last-child {margin-bottom:0 !important;}

/* table :: white -14px */
.tbl_white {position:relative; width:100%; border-top:2px solid #666; overflow:hidden;margin-bottom: 30px;}
.tbl_white table {width:100%; }
.tbl_white thead th {padding:12px 5px 14px 5px; text-align:center; color:#2d2d2d; border-bottom:1px solid #ccc; background:#fff;}
.tbl_white th,
.tbl_white td {padding:10px 5px 12px 5px; text-align:center;  border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4;word-break:keep-all;}
.tbl_white th:last-child,
.tbl_white td:last-child{border-right:0;}
.tbl_white td span.col-C01 {color:#f71958;}
.tbl_white td span.col-C02 {color:#2a9c00;}
.tbl_white td span.col-C03 {color:#006798;}

/* table :: 기본-12px, center */
.tbl_col {position:relative; width:100%; border-top:1px solid #737373; border-right:1px solid #d3d3d3; overflow:hidden;margin-bottom: 30px;}
.tbl_col table {width:100%; font-family:'돋움',Dotum; font-size: 0.8em;}
.tbl_col th, .tbl_col td {padding:10px 5px 8px 5px; text-align:center; border-left:1px solid #d3d3d3;} 
.tbl_col thead th {font-weight:700;border-bottom:1px solid #d3d3d3; background:#f2f2f2;color:#2d2d2d;}
.tbl_col th{ border-bottom:1px solid #e4e4e4;}
.tbl_col td {border-bottom:1px solid #e4e4e4; background:#fff;}

/* table :: 파랑-11px, 오른쪽, 왼쪽정렬 */
.tbl_blue {position:relative; width:100%; border-top:1px solid #0056ab; overflow:hidden;margin-bottom: 30px;}
.tbl_blue table {width:100%; font-family:'돋움',Dotum; font-size: 0.73em;}
.tbl_blue thead th:first-child, .tbl_blue td:first-child {border-left:1px solid #bec9d3;}
.tbl_blue thead th, .tbl_blue td {padding:8px 4px 6px 4px; text-align:center; border-right:1px solid #bec9d3; border-bottom:1px solid #c1d2e2;} 
.tbl_blue thead th {background:#dce6ef;color:#2d2d2d;}
.tbl_blue th{ border-bottom:1px solid #c1d2e2; border-right:1px solid #bec9d3;}
.tbl_blue th:first-child{ border-left:1px solid #bec9d3;}
.tbl_blue td {background:#fff;}

/* content */
.content{ margin-bottom:45px; overflow:hidden;}
.content p:last-child{ margin-bottom:0;}
.content div:last-child{ margin-bottom:0;}
.text_indent { padding-left: 15px}
.ttl03 + .text_indent,
.ttl03 + .text_indent + .text_indent {padding-left: 20px;}
.ttl04 + .text_indent,
.ttl04 + .text_indent + .text_indent{ padding:5px;}

@media only screen and (max-width:640px) {
.ttl03 + .text_indent { padding-left:15px;}
}


/*** Button ***/
/* Button Reset */
.button{position:relative;overflow: visible;display:-moz-inline-stack;display:inline-block;margin-bottom:5px;padding:0;vertical-align: top;white-space: nowrap;text-decoration:none;border-radius: 0px;color:#fff;background-color:  #25a69a;border: 0px solid  #25a69a;border-width:0 1px 1px 0;box-sizing:border-box;cursor:pointer;-webkit-border-radius: 0; -webkit-appearance: none; vertical-align: middle;}
a.button { margin:0 2px 2px;color:#fff;} 
p.button { cursor: no-drop; }
.color{background-color: #25a69a;}

/* Button Size */
.button.mini {height: 21px;padding:0 12px;line-height: 19px;font-size: 0.85em;font-weight: 200;}
.button.small { height: 26px; padding:0 12px; line-height: 26px; font-size: .95em;font-weight:300; }
.button.medium { height: 37px; padding: 0 22px; line-height:35px; font-size:1em;font-weight:400;} 
.button.large {height: 50px;padding:0 50px;line-height:50px;font-size:1.2em;font-weight:500;}

/* Button Color */
.button.gray {border:1px solid #666; border-width:0 1px 1px 0; color:#fff; background-color:#666;  box-sizing:border-box;}
.button.gray02 {border:1px solid #999; border-width:0 1px 1px 0; color:#fff; background-color:#999;  box-sizing:border-box;}
.button.white {border:1px solid #ddd; border-width:1px 1px 1px 1px; box-sizing:border-box; color:#333; background-color:#fafafa;}
.button.orange {border:1px solid #e65b2c; border-width:0 1px 1px 0; color:#fff; background-color:#e65b2c;  box-sizing:border-box;}
.button.red {border:1px solid #ec1744; border-width:0 1px 1px 0; color:#fff; background-color:#ec1744;  box-sizing:border-box;}
.button.green {border:1px solid #86b93d; border-width:0 1px 1px 0; color:#fff; background-color:#86b93d;  box-sizing:border-box;}

/* Button Hover */
.button:hover, .button:active, .button:focus {border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background-color: #25a69a;} 
.button.gray:hover, .button.gray:active, .button.gray:focus { border:1px solid #666; border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background-color:#555;} 
.button.gray02:hover, .button.gray02:active, .button.gray02:focus { border:1px solid #888; border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background-color:#888;} 
.button.white:hover, .button.white:active, .button.white:focus { border:1px solid #ddd; box-sizing:border-box; color:#555; text-decoration:none; background-color:#ededed; } 
.button.down.white:hover, .button.down.white:active, .button.down.white:focus {border: 0px solid  #25a69a;border-width:1px 1px 1px 1px;color: #fff; box-sizing:border-box; text-decoration:none; background-color: #25a69a;} 
.button.orange:hover, .button.orange:active, .button.orange:focus {border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background-color:#d74b1b}
.button.red:hover, .button.red:active, .button.red:focus {border:1px solid #ec1744; border-width:0 1px 1px 0; color:#fff; background-color:#d30632;  box-sizing:border-box;}
.button.green:hover, .button.green:active, .button.green:focus {border:1px solid #72a728; border-width:0 1px 1px 0; color:#fff; background-color:#72a728;  box-sizing:border-box;}

/* Button Link */
.button.linkIco{background: #abadb3 url('../images/board/ico_link.png') no-repeat 50% 50%;width: 23px; display:inline-block;border: 0;margin: 0 auto; border-radius:7px}
.button.down:after{ content:''; display: inline-block; width:17px; height:26px; background: url('../images/common/ico_down_on.png') no-repeat; background-position: center 0px; margin-left:7px; vertical-align:middle;}
.button.down.white:after{ content:''; display: inline-block; width:17px; height:26px; background: url('../images/common/ico_down.png') no-repeat; background-position: center 0px; margin-left:7px; vertical-align:middle;}
.button.down.white:hover:after{background-image: url('../images/common/ico_down_on.png')  }
.button.bnMap:after{ content:''; display: inline-block; width:15px; height:26px; background: url('https://www.hesol365.com/images/common/bul/icon_button_w.png') no-repeat; background-position: center -287px; margin-left:7px; vertical-align:middle;}
.button.link:after{ content:''; display: inline-block; width:15px; height:26px; background: url('https://www.hesol365.com/images/common/ic_blank_w.png') no-repeat; background-position: center 5px; margin-left:7px; vertical-align:middle;}
.button.apply:before{ content:''; display: inline-block; width:20px; height:20px; background: url('https://www.hesol365.com/images/common/ico_moniter.png') no-repeat; margin-right:10px; vertical-align:middle;}

@media only screen and (max-width:1024px) {
	.BoxTxt,.boxImg,.lineBox{ padding:10px; }
	.tabSec li a { height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: auto;}
}
@media only screen and (max-width:640px) {	
	
	
	/* srcoll-table */
	.srcoll-table			{ position: relative; width: 100%; margin-top:20px; border: 1px solid #ccc; }
	.srcoll-table:before	{ content: "Scroll >"; display: block; position: absolute; top: -20px; right: 0px; font-size:0.9em;  }
	.srcoll-table:after		{ content: ""; display: block; position: absolute; top: 0px; bottom: 0;right: 0; width: 20px; background-size: 100% 100%; opacity: 0.5; }
	.srcoll-table > div		{ position: relative; width: 100%; overflow-x: auto; }
	.srcoll-table table		{ margin-top: 0; width:815px !important; }

}


/* 정렬 */
.fL {float:left ;}
.fR {float:right ;}
.tR {text-align:right !important ;}
.tL {text-align:left !important;}
.tC {text-align:center !important;}
.cboth {display:block; content:""; clear:both;}
.ovh { overflow:hidden !important}
.underline { text-decoration: underline}
.inblk {display:inline-block;}
.vaT {vertical-align: top !important}

.txt_sm { font-size: .95em; color:#a4a3a3;}
.txt_large { font-size: 1.25em}
.txt_xlarge { font-size: 1.3em; color:#333; line-height:1.4em; font-weight:500; }
.bigTxt{ font-size:22px; font-weight:700;}

/* display */
.dis_b { display: block}
.dis_inB { display: inline-block}
.dis_none { display: none}

/* color */
.col_blue {color:#25a69a !important;}
.col_red {color:#ed1b3b !important;}
.col_orange {color:#ed6f4b !important;}
.col_green {color:#44b0b3 !important;}
.col_b {color:#000 !important;}
.col_w {color:#fff !important;}
.col_g {color:#999 !important;}
.col_g2 {color:#5c5c5c!important;}

/* border */
.bL_0{ border-left:0 !important;}
.bR_0{ border-right:0 !important;}
.bT_0{ border-top:0 !important;}
.bB_0{ border-bottm:0 !important;}

/* Padding */
.pd_0{ padding:0 !important}
.pt_0 { padding-top:0px !important; }
.pt_10 { padding-top:10px !important; }
.pt_15 { padding-top:15px !important; }
.pt_20 { padding-top:20px !important; }
.pt_25 { padding-top:25px !important; }
.pt_30 { padding-top:30px !important; }
.pt_35 { padding-top:35px !important; }
.pt_40 { padding-top:40px !important; }

.pr_5 { padding-right:5px !important; }
.pr_10 { padding-right:10px !important; }
.pr_15 { padding-right:15px !important; }
.pr_20 { padding-right:20px !important; }
.pr_25 { padding-right:25px !important; }
.pr_30 { padding-right:30px !important; }
.pr_35 { padding-right:35px !important; }
.pr_40 { padding-right:40px !important; }

.pb_0 { padding-bottom:0px !important; }
.pb_10 { padding-bottom:10px !important; }
.pb_15 { padding-bottom:15px !important; }
.pb_20 { padding-bottom:20px !important; }
.pb_25 { padding-bottom:25px !important; }
.pb_30 { padding-bottom:30px !important; }
.pb_35 { padding-bottom:35px !important; }
.pb_40 { padding-bottom:40px !important; }

.pl_3 { padding-left:3px !important; }
.pl_5 { padding-left:5px !important; }
.pl_10 { padding-left:10px !important; }
.pl_15 { padding-left:15px !important; }
.pl_20 { padding-left:20px !important; }
.pl_25 { padding-left:25px !important; }
.pl_30 { padding-left:30px !important; }
.pl_35 { padding-left:35px !important; }
.pl_40 { padding-left:40px !important; }

/* Margin */
.mg_0{ margin:0 !important}
.mt_0 { margin-top:0px !important }
.mt_5 { margin-top:5px !important }
.mt_10 { margin-top:10px !important }
.mt_15 { margin-top:15px !important }
.mt_20 { margin-top:20px !important }
.mt_25 { margin-top:25px !important }
.mt_30 { margin-top:30px !important }
.mt_35 { margin-top:35px !important }
.mt_40 { margin-top:40px !important }
.ml_0 { margin-left:0px !important }
.ml_5 { margin-left:5px !important }
.ml_10 { margin-left:10px !important }
.ml_15 { margin-left:15px !important }
.ml_20 { margin-left:20px !important }
.ml_25 { margin-left:25px !important }
.mr_0 { margin-right:0px !important }
.mr_5 { margin-right:5px !important }
.mr_10 { margin-right:10px !important }
.mr_15 { margin-right:15px !important }
.mr_20 { margin-right:20px !important }
.mr_25 { margin-right:25px !important }
.mr_30 { margin-right:30px !important }
.mb_0 { margin-bottom:0px !important }
.mb_5 { margin-bottom:5px !important }
.mb_10 { margin-bottom:10px !important }
.mb_15 { margin-bottom:15px !important }
.mb_20 { margin-bottom:20px !important }
.mb_25 { margin-bottom:25px !important }
.mb_30 { margin-bottom:30px !important }
.mb_40 { margin-bottom:40px !important }
.mb_50 { margin-bottom:50px !important }

.nodata{ height: 70px; text-align: center; padding-top: 150px; font-size: 0.94em; color: #555; display: block; background: url('../images/board/ico_nodata.png') no-repeat center 60px;  box-sizing: content-box;}
.fw100 { font-weight: 100 !important} 
.fw200 { font-weight: 200 !important} 
.fw300 { font-weight: 300 !important} 
.fw500 { font-weight: 500 !important}