
/*------------------ÆùÆ®ÄÃ·¯--*/
.ColorGr{color: #209543 !important;}
.ColorBk{color: #3a3a3a !important;}

/*------------------bgÄÃ·¯--*/
.bgColorGreen01{background:#16a460;}
.bgColorGreen02{background:#005a40;}
.bgColorGreen03{background:#8db07a;}
.bgColorGreen04{background:#658881;}


/*±âº»µðÀÚÀÎ-Å×µÎ¸®*/
.msubcontWrap .m_grbd{width:90%; margin:10% auto 5%; border: 1px solid #ddd; position: relative;padding:0 5% 10% 5%; box-sizing:border-box;}
.msubcontWrap  .m_grbd:before {content: "";display: block;width:100px;height:60px;position: absolute;top: -15px;left: -10px;background: rgba(0,0,0,0.08);}
.msubcontWrap .subMobile .moso:before{width:130px;}
.msubcontWrap .daonstr:before{width:130px;}

/*°æ¿µÀÌ³ä ¹× ¸ñÇ¥*/
.msubcontWrap  .m_grbd h3{font-size:1.2em; font-weight:500; color:#222; line-height:2.8em;}
.msubcontWrap .prms .promise_l{width:100%; margin-top:10%; text-align:left;}
.msubcontWrap .prms .promise_r{width:100%; margin-top:10%; text-align:right;}
.msubcontWrap .prms p{width:100%;}
.msubcontWrap .prms p img{width:100%;}
.msubcontWrap .prms dl dt{font-size:0.9em; font-weight:600; color:#222; padding:2% 0;}
.msubcontWrap .prms dl dt.bd_tit{font-weight:600; }
.msubcontWrap .prms dl dd{color:#777;font-size:0.9em;}
.msubcontWrap .prms dl dt span.engtit{color:#777;margin-left:5px;}
.msubcontWrap .prms dl span.hr{display:block;width:70%; border-bottom:1px solid #222;}
.msubcontWrap .prms dl .hr_r{display:block;width:70%;background:#222; color:#222; border-bottom:1px solid #222;float:right;}

/* History */
.msubcontWrap h1{font-size:1.5em; color:#444; font-weight:600; text-align:center; margin:5% 0;}
.msubcontWrap .subHistory{position: relative;font-size: 14px;line-height: 1.5;letter-spacing: -0.5px;color: #666;padding-bottom:50px;}
.msubcontWrap .hisTabs{width:70%;margin:0 auto 10%;}
.msubcontWrap .hisTabs li{float:left;width:32%;height:40px;text-align:center; margin-right:2%; line-height:3em;}
.msubcontWrap .hisTabs li:first-child{display:none !important;}
.msubcontWrap .hisTabs li:last-child{margin-right:0;}
.msubcontWrap .hisTabs li a{display:block;border:1px solid #ddd;color:#777;font-size:1.1em;box-sizing:border-box;}
.msubcontWrap .hisTabs li.active a,.msubcontWrap .hisTabs li.hover a,.msubcontWrap .hisTabs li .tabOn{border:1px solid #333;color:#333;}
.msubcontWrap .subHistory2 img{width:90%; margin:0 5% 10% 5%;}

.his_content .hisTit{margin-left:50px;position:relative;height:80px;}
.his_content h2{width:80px;height:80px;line-height:80px;border-radius:50%;background:#333;color:#fff;font-size:24px;text-align:center;position:absolute;left:-40px;}
.his_content h2:first-child{margin-top:0;}
.yearContWrap{margin-left:50px;border-left:1px solid #333;padding:50px 0 20px;}
.yearContWrap li{text-align:left;width:100%;box-sizing:border-box;position:relative;margin:50px 0;padding-left:20%;}
.yearContWrap li:after{content:"";display:block;width:20%;height:1px;background:#dedede;position:absolute;top:40px;left:0;}
.yearContWrap dl:after{content:"";display:block;width:14px;height:14px;border-radius:50%;background:#dedede;position:absolute;top:33px;left:-7px;}
.yearContWrap li dd{font-size:16px;color:#777;padding-right:10px;box-sizing:border-box;}
.yearContWrap dd strong{display:block;margin-top:15px;color:#333;}

@media (max-width: 375px) and (min-width: 320px){
	.yearContWrap dt img{width:90%;}
}

/* ¸ð¹ÙÀÏ/¼Ò¼È */
.msubcontWrap .subMobile .m_grbd h5{font-size:1em; color:#222; font-weight:600; margin:10% 0 5%;}
.msubcontWrap .subMobile .m_grbd p{font-size:1em;color:#777;}
.msubcontWrap .subMobile .m_grbd .mdw_icon{width:100%; margin:10% 0;overflow:hidden;}
.msubcontWrap .subMobile .m_grbd .mdw_icon p{width:40%;float:left;}
.msubcontWrap .subMobile .m_grbd .mdw_icon p img{width:100%;}
.msubcontWrap .subMobile .m_grbd .mdw_icon .mbtn{width:50%; float:right; color:#777;font-size:1em;}
.msubcontWrap .subMobile .m_grbd .mdw_icon .mbtn div{color:#222;font-size:1em; margin-top:20%; font-weight:600;}
.msubcontWrap .subMobile .m_grbd .mdw_icon .mbtn a.dwbtn{display:block;width:70%; background:#222; color:#fff; line-height:2em; text-align:center; margin:5% 0;}
.msubcontWrap .subMobile .m_grbd .mdw_icon .mbtn i.xi-arrow-bottom{font-size:1.2em; line-height:1.7em; margin-right:3%;}

/* contact us*/
.msubcontWrap .daonstr{padding:0 5% 5% 5%;}
.msubcontWrap .subMoContact .mMap{text-align:center;}
.msubcontWrap .subMoContact dl{margin-bottom:5%;}
.msubcontWrap .subMoContact i{width: 40px; height:40px;border-radius: 50%;float: left;margin-right: 3%; text-align: center; font-size:1.5em; line-height:40px; background: #f59c00; color:#fff;}
.msubcontWrap .subMoContact .daonstr .ctu_add{margin-top:10%;}
.msubcontWrap .subMoContact div dl dt{font-size:1em; color:#222; font-weight:600;}
.msubcontWrap .subMoContact div dl dd{font-size:1em; color:#777;}
.msubcontWrap .subMoContact h5{font-size:1.2em; color:#222; margin:5%; font-weight:600;}
.msubcontWrap .subMoContact .ctu_transfer{padding:0 5% 5% 5%;}
.msubcontWrap .subMoContact .ctu_transfer i{background: #118ccf; margin-right: 10px; float:left;}
.msubcontWrap .subMoContact .ctu_transfer span.th_line{display: inline-block;width: 20px;height: 20px;border-radius: 50%;background: #863CCA;color: #fff;line-height: 1.2; text-align:center;font-weight:600;}
.msubcontWrap .subMoContact .ctu_transfer dl{margin-left:50px;}
.msubcontWrap .subMoContact .ctu_transfer dl dd span.ctu_cb{color:#3333ff;}
.msubcontWrap .subMoContact .ctu_transfer dl dd span.ctu_cg{color:#009900;}
.msubcontWrap .subMoContact .ctu_transfer dl dd span.ctu_cr{color:#ff0000;}
.msubcontWrap .subMoContact .ctu_transfer dl dd span.ctu_cgr{color:#669933;}

@media (max-width: 439px) and (min-width: 320px){
	ul.subMenu li a i{display:block;}
}
@media (max-width: 500px) and (min-width: 400px){
	.subMenuWrap .contTit01{top:20%; font-size:1.5em;}
}

/*Á¦Ç°¼Ò°³ Å¸ÀÌÆ²*/
ul.subMenu li.pro_tit{background:#222; width:100%;}


/* È¨ÆäÀÌÁö main */
#app_wrap{width:100%; }
#mainContWrap{padding:0 8px; }


/*-- position, width --*/
.floL{float:left}.floR{float:right}.m0{margin:0 auto !important;}
.bdno{border:none !important;}
.disnone{display:none !important;}.disblock{display:block !important;}.disinblock{display:inline-block !important;}
.posR{position:relative}
.posA{position:absolute}
.clr{clear:both;*zoom:1}
.clr:after{content: "";display:block;clear:both;}
.text-c{text-align:center !important;}.text-L{text-align:left !important;}.text-R{text-align:right !important;}
.font-bold{font-weight:bold !important;}
.w100{width:100% !important;}.w95{width:95% !important;}.w90{width:90% !important;}.w85{width:85% !important;}.w80{width:80% !important;}.w70{width:70% !important;}
.w60{width:60% !important;}.w50{width:50% !important;}
.w45{width:45% !important;}
.w40{width:40% !important;}.w30{width:30% !important;}.w20{width:20% !important;}.w15{width:15% !important;}.w10{width:10%;}
.w1200{width:1200px !important;margin:0 auto !important;}
.wid30{width:30px !important;}.wid40{width:40px !important;}.wid75{width:75% !important;}
.overflScroll{overflow:scroll;}
.mh100{min-height:100px;}


p.BigTitle{width: 100%;color: #fff; font-size: 1.4em; text-align:center;}
p.SubTitle{padding-top: 3%; color: #fff; font-size: 1.0em;}

/*-- margin --*/
.mg0a{margin:0 auto !important;}.margin5a{margin:5px auto;}.margin10a{margin:10px auto !important;}.margin20a{margin:20px auto;}.margin30a{margin:30px auto !important;}.margin50a{margin:50px auto;}
.mgt0{margin-top:0px !important;}.mgt5{margin-top:5px !important;}.mgt10{margin-top:10px !important;}.mgt20{margin-top:20px !important;}.mgt30{margin-top:30px !important;}.mgt50{margin-top:50px !important;}.mgt100{margin-top:100px !important;}
.mgr5{margin-right:5px !important;}.mgr10{margin-right:10px !important;}.mgr20{margin-right:20px !important;}
.mgl2{margin-left:2px !important;}.mgl5{margin-left:5px !important;}.mgl10{margin-left:10px !important;}.mgl20{margin-left:20px !important;}
.mgb5{margin-bottom:5px !important;}.mgb10{margin-bottom:10px !important;}.mgb20{margin-bottom:20px !important;}.mgb30{margin-bottom:30px !important;}.mgb50{margin-bottom:50px !important;}.mgb100{margin-bottom:100px !important;}

/*-- padding --*/
.pd10{padding:10px !important;}.pd20{padding:20px !important;}.pd30{padding:30px !important;}
.pd30{padding:30px !important;}
.pd5{padding:0 5px !important;}.pd5-1{padding:5px 0 !important;}
.pdl3{padding-left:5px !important;}.pdl5{padding-left: 5px !important;}.pdl10{padding-left:10px !important;}.pdl20{padding-left:20px !important;}.pdl30{padding-left:30px !important;}
.pdt-none{padding-top:0px !important;}
.pdt5{padding-top:3px !important;}.pdt5{padding-top:5px !important;}.pdt7{padding-top:7px !important;}.pdt10{padding-top:10px !important;}.pdt30{padding-top:30px !important;}.pdt100{padding-top:100px !important;}
.pdr10{padding-right:10px !important;}

.line-height30{line-height:30px !important;}.line-height20{line-height:20px !important;}.line-height13{line-height:1.3 !important;}
.color-black{color:#000;}.color-black3{color:#333;}.color-black5{color:#555;}.color-black7{color:#777;}.color-black9{color:#999;}.color-black-a{color:#aaa;}
.color-white{color:#fff !important;}
.color-orange{color:#ff7200 !important;}.color-orange2{color:#f17215 !important;}
.color-red2{color:#e60019 !important;}

/*-- daon-logo-color --*/
.color-red{color:#de2a2a !important;}.color-red:hover{color:#c30015 !important;}
.color-green{color:#23ac38 !important;}.color-green:hover{color:#0e8421 !important;}
.color-blue{color:#108ccf !important;}.color-blue:hover{color:#0770a9 !important;}
.color-purple{color:#b74b97 !important;}.color-purple:hover{color:#962875 !important;}
.color-yellow{color:#f49c00 !important;}.color-yellow:hover{color:#cc8200 !important;}

/*-- background --*/
.bg-white{background:#fff !important;border:1px solid #fff;}.bg-white:hover{background:#fff;border:1px solid #000;}/*-- ÀüÃ¼Á¦Ç°¸®½ºÆ® pd-box --*/
.bg-orange{background:#f17215 !important;color:#fff !important;}.bg-orange:hover{background:#de650d !important;color:#fff !important;}
.bg-blue-0{background:#043477 !important;}
.bg-blue{background:#2f5597 !important;}.bg-blue:hover{background:#244886 !important;}
.bg-blue-3{background:#305596 !important;}
.bg-green{background:#a6bf27 !important;}.bg-green:hover{background:#8fa51d !important;}
.bg-fa{background:#dedede !importatnt;}
.bg-gray{background:#acacac;}
.bg-gray-de{background:#dedede !importatnt;}
.bg-black{background:#333;}.bg-black:hover{background:#000;}

.bg-red-gradi{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e73535+0,c40d0d+100 */
/*border:1px solid #c40d0d;*/
border:none;
background: #e73535; /* Old browsers */
background: -moz-linear-gradient(top, #e73535 0%, #c40d0d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e73535 0%,#c40d0d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e73535 0%,#c40d0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e73535', endColorstr='#c40d0d',GradientType=0 ); /* IE6-9 */}
.bg-red-gradi:hover{opacity:0.9;}

.bg-black-gradi{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#555555+0,222222+100 */
/*border:1px solid #222;*/
border:none;
background: #555555; /* Old browsers */
background: -moz-linear-gradient(top, #555555 0%, #222222 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #555555 0%,#222222 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #555555 0%,#222222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#222222',GradientType=0 ); /* IE6-9 */}
.bg-black-gradi:hover{opacity:0.9;}

.bg-step01{background:#b1c1c9;}.bg-step01:hover{background:#83a0ae;}
.bg-step02{background:#99aeb8;}.bg-step02:hover{background:#62899c;}
.bg-step03{background:#819ba8;}.bg-step03:hover{background:#487992;}
.bg-step04{background:#688897;}.bg-step04:hover{background:#2f5d72;}
.bg-step05{background:#406779;}.bg-step05:hover{background:#1b4355;}

/*-- float --*/
.fl-left{display:inline-block;width:100%;}
.fl-left li{float:left !important;}
.fl-left-widno{display:inline-block;}.fl-left-widno li{float:left !important;}
.fl-left.wid50{width:100%;}.fl-left.wid50 > li{width:50%;}
.fl-left.wid50 > li > select,.fl-left.wid50 > li > input{width:98%;}
.fl-left.wid50 > li > button{width:98%;}
.fl-left.wid33{width:100%;}.fl-left.wid33 > li{width:33.33%;}.fl-left.wid33 > li > select,.fl-left.wid33 > li > input{width:98%;}
.fl-left.wid25{width:100%;}.fl-left.wid25 > li{width:25%;}.fl-left.wid25 > li > select,.fl-left.wid25 > li > input{width:98%;}
.fl-left.wid20{width:100%;}.fl-left.wid20 > li{width:20%;}.fl-left.wid20 > li > select,.fl-left.wid20 > li > input{width:98%;}
.fl-none{width:100%;display:inline-block;}.fl-none > li{float:none;width:100%;display:block;}
.office-wrap-half{display:inline-block;width:100%;}
.office-wrap-half > li{width:49%;}
.cursor-p{cursor:pointer !important;}

/* ----- ºñÁî´Ï½º contents ------ */
.planWrap{width:100%;}
.planWrap h1{font-size: 1.5em; color: #444; font-weight: 600; text-align: center; margin: 5% 0;}
.business-cont{margin-top:30px;}
.business-cont h2{font-size:18px; line-height: 32px; color: #ab0517; text-align:left;    height: auto; margin-bottom: 10px;}
.business-cont h2 i{margin-right: 5px; vertical-align:baseline;}
.business-cont h2 span{display:block; font-size:15px; color:#666; margin-left: 15px; line-height:22px;}
.business-cont h3{font-size:16px; color:#333; text-align:left; margin-top:20px; margin-bottom: 5px; font-weight: bold;}
.business-cont p{text-align:left; margin:5px 0 20px 0px;}
.business-cont p i{vertical-align:baseline;}
.business-cont ul{margin-top: 5px; font-size: 15px; line-height: 25px;}
.business-cont ul.info{margin-top:0; margin-bottom:10px;}
.business-cont ul li{text-align: left; text-indent: -17px; margin-left: 17px;}

.business-cont .planTbl{border-collapse: collapse; width:100%; text-align:center;}
.business-cont .planTbl tr{height:40px; border-bottom:1px solid #e5e5e5;}
.business-cont .planTbl thead tr{border-bottom: 1px solid #e5e5e5; border-top: 1px solid #000;}
.business-cont .planTbl th,.business-cont table td{border-right:1px solid #e5e5e5;}
.business-cont .planTbl th:last-child,.business-cont table td:last-child{border-right:0;}
.business-cont table td.br-1{border-right:1px solid #e5e5e5;}
.business-cont .planTbl th{width: 100px; height: 40px; background-color: #fafafa; text-align: center;}
.business-cont .planTbl th{border-right:1px solid #e5e5e5;}
.business-cont .planTbl tbody th{font-weight:normal;}
.business-cont .planTbl .f_row{border-top: 2px solid #333;}
.business-cont .planTbl .bdr{border-right:1px solid #e5e5e5 !important;}
.business-cont caption	{display:none;}

