/* 񃧯 */
table caption {display:none;}
input, textarea, select {font-family:Dotum;}

.CntBasic {overflow:hidden;}
.CntBasic h4 {font-size:22px; margin-bottom:20px; font-weight:400; color:#333; line-height:26px; background:url('/images/cont/h4tit.png') 0 50% no-repeat; padding-left:30px;}
.CntBasic h5 {font-size:19px; margin-bottom:15px; font-weight:400; color:#333;}

.WordB {word-break:keep-all;}
.F12 {font-size:12px;}
.F16 {font-size:16px;}
.F18 {font-size:18px;}
.F21 {font-size:21px;}
.F24 {font-size:24px; line-height:1.5em;}
.F27 {font-size:27px; line-height:1.5em;}
.Fleft {float:left;}
.Fright {float:right;}
.ColorR {color:#ff4f5b;}
.ColorB {color:#0054a6 !important;}
.Tcenter {text-align:center;}
.Tright {text-align:right;}
.OverF {overflow:hidden;}
.ClearB {clear:both;}
.bold {font-weight:600;}
.uline {text-decoration:underline;}
.hide {display:none;}
.LH20 {line-height:22px;}
.BtnBT {text-align:center; clear:both; overflow:hidden; margin:50px 0;}

/* ÅÇ */
.Tab2P {overflow:hidden; clear:both; text-align:center;}
	.Tab2P ul {overflow:hidden;}
	.Tab2P li {float:left; width:32.5%; margin:3px 2px;font-size:16px;}
	.Tab2P li p {display:table; margin-top:3px; width:100%; text-align:center;padding:15px 0px; 
		background:#f3f3f3; border:1px solid #cbcbcb; border-top-left-radius:7px; border-top-right-radius:7px;
		}

	.Tab2P li a {display:block;color:#333;text-decoration:none;width:100%;}
	.Tab2P .select {background:#fff; border-top:4px solid #9fc93d; margin-top:0px;font-weight:bold;
		color:#9fc93d; text-decoration:none; border-top-left-radius:10px; border-top-right-radius:10px
		}
a.blank{
	display: inline-block;
    padding-right: 18px;
    background-image: url('../images/cont/blank_icon.png');
    background-repeat: no-repeat;
    background-position: right 5px;
    line-height: 0;
	}
a.blank > span {
    display: inline-block;
    padding-bottom: 2px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #8d8d8d;
    color: #555;   
    line-height: 15px;
	}


/* ÅÇ */
.Tab3P {overflow:hidden; clear:both; text-align:center;}
	.Tab3P ul {overflow:hidden;}
	.Tab3P li {float:left; width:32.5%; margin:3px 2px;font-size:16px;}
	.Tab3P li p {display:table; margin-top:3px; width:100%; text-align:center;padding:15px 0px; 
		background:#f3f3f3; border:1px solid #cbcbcb; border-top-left-radius:7px; border-top-right-radius:7px;
		}

	.Tab3P li a {display:block;color:#333;text-decoration:none;width:100%;}
	.Tab3P .select {background:#fff; border-top:4px solid #9fc93d; margin-top:0px;font-weight:bold;
		color:#9fc93d; text-decoration:none; border-top-left-radius:10px; border-top-right-radius:10px
		}


/* ±âº»¹Ú½º */
.Pleft {padding-left:25px;}
.Aul li {background:url('../images/cont/dd_dott.gif') 0 10px no-repeat; padding-left:15px; margin:5px 0;}
.AulC li {background:url('../images/cont/dd_dott.gif') 0 50% no-repeat; padding-left:15px; margin:5px 0;}
.Arr {background:url('/images/cont/num_dot.gif') no-repeat 0 50%; padding-left:12px;}
.BoxLine_basic {border:3px dotted #e1e1e1; padding:25px 30px; border-radius:10px; overflow:hidden; line-height:24px;}
.BoxLine {border:1px solid #ccc; backgrhound:#f9f9f9; padding:25px 30px; border-radius:10px; overflow:hidden; line-height:24px;}

/* ±âº»Å×À̺í */
.C_ListTb {width:100%; overflow:hidden; border-top:2px solid #f186b0; border-left:#ccc 1px solid;}
.C_ListTb thead th {border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:10px 8px; color:#333; background-color:#f7f8fc;}
.C_ListTb tbody th {border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:10px 8px; color:#333; background-color:#fafafa;}
.C_ListTb tbody td {border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:10px 8px;}
.C_ListTb .tdLeft {text-align:left;}
.C_ListTb .tdCen {text-align:center;}
.C_ListTb .RNone {border-right:none;}
.C_ListTb tbody td a {text-decoration:none;}
.C_ListTb tbody td a:hover {text-decoration:underline;}

	.C_ListTb .bg01 {background:#fff5f5 !important;}
	.C_ListTb .bg02 {background:#fff6e1 !important;}
	.C_ListTb .bg03 {background:#ebfdf5 !important;}
	.C_ListTb .bg04 {background:#f6d5d5 !important;}
	.C_ListTb .bg05 {background:#f6d5d5 !important;}

.C_ListTbC {width:100%; overflow:hidden; border-top:2px solid #f186b0; border-left:#ccc 1px solid; text-align:center;}
.C_ListTbC thead th {border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:10px 8px;color:#333; background-color:#f7f8fc;}
.C_ListTbC tbody th {border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:10px 8px;color:#333; background-color:#fafafa;}
.C_ListTbC tbody td {border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:10px 8px;}
.C_ListTbC .tdLeft {text-align:left;}
.C_ListTbC .RNone {border-right:none;}
.C_ListTbC tbody td a {text-decoration:none; color:#333;}
.C_ListTbC tbody td a:hover {text-decoration:underline;}




/* Àλ縻 */
.INTRO {padding-bottom:20px;background:url('../images/cont/c1/intro.gif') no-repeat bottom right;}
.INTRO .tit {border-bottom:1px solid #f595be;padding:0 0 40px 0}
.INTRO ul {width:500px;}


/* ½Ã¼³ µÑ·¯º¸±â */
.imgBack {}
.imgImg>div {
		position:relative;
		width:100%;height:100%;
		}

.imgBack .imgImg{overflow:hidden;width:890px;height:480px;border:5px dashed #ddd;text-align:center;margin-bottom:20px;}
.imgBack .imgImg p {display:inline-block;width:890px;height:480px;text-align:center;}
.imgBack .imgList {overflow:hidden;}
.imgBack .imgList li {width:176px;float:left;margin:1px;}
.imgBack .imgList li a {color:#333;display:block;text-align:center;padding:10px 0;border:1px solid #ddd;}
.imgBack .imgList li a:hover{border:1px solid #95d2f5;background:#95d2f5;color:#fff;}
.imgBack .imgList li a.ov{border:1px solid #95d2f5;background:#95d2f5;color:#fff;}

/* ã¾Æ¿À½Ã´Â±æ */
.Traffic {overflow:hidden;}
.Traffic strong {text-align:center;border-radius:5px;width:140px;color:#fff;display:inline-block;margin-bottom:10px;padding:7px 20px;background:#f2ca5e;}
.TrA {overflow:hidden;position:relative;background:url('http://occmc.yesbni.com/images/cont/c4/c4_5a.gif') 35px 25px no-repeat;border:1px dotted #aaa;padding:20px 40px;}
.TrC {overflow:hidden;position:relative;background:url('http://occmc.yesbni.com/images/cont/c4/c4_5c.gif') 35px 25px no-repeat;border:1px dotted #aaa;padding:60px 40px;}
.TrA dl {overflow:hidden;}
.TrA dl dt {float:left;width:70px;}
.TrA dl dd {float:left;padding:2px 0 0 0;color:#333;}
.TrA dl dd:hover{text-decoration:underline;}
	.Traffic div.TF {width:650px;float:right;}


.Traffic a .BDL{
	background: linear-gradient(#f1f1f1 0%, #ffffff 2px,  #eee 100%);outline:none;
	display:inline-block;color:#333;
	border:1px solid #ccc;padding:2px 10px;
	font-weight:bold;
	border-radius:5px
	}

/* ÀԼҾȳ» */

.ULcy2 {overflow:hidden;text-align:center;width:550px;margin:0 auto;}
.ULcy2 dl {float:left; width:140px;margin:0 20px;height:60px;padding:80px 40px; border-radius:200px;color:#fff;}
.ULcy2 dl dt {font-size:18px;margin-bottom:10px;}
.ULcy2 dl dd {font-size:16px;}

.ULcy3 {overflow:hidden;text-align:center;width:790px;margin:0 auto;}
.ULcy3 dl {float:left; width:140px;margin:0 20px;height:60px;padding:80px 40px; border-radius:200px;color:#fff;}
.ULcy3 dl dt {font-size:18px;margin-bottom:10px;}
.ULcy3 dl dd {font-size:16px;}
	.Bg01 {background:#f7b4cf;}
	.Bg02 {background:#95d2f5;}
	.Bg03 {background:#f2ca5e;}

.ULcy3 dl:nth-child(3) {line-height: 1.6em;}

/* ÀÚ¿øºÀ»ç¾È³» */
.JW .tit{border-bottom:1px solid #f595be;padding:0 0 40px 0}
.bTel {border:2px dashed #ddd;overflow:hidden;font-size:18px;}

.bTel dl {overflow:hidden;}
.bTel.w2 p {float:left;width:35%;}
.bTel dl dt {color:#333;width:100px;background:url('../images/cont/c4/tel.gif') 0 50% no-repeat;padding-left:25px;float:left;}
.bTel dl dd {float:left;}
.bTel .bt01 {padding:50px 0 50px 120px;background:url('../images/cont/c4/icon01.png') 25px 50% no-repeat;}
.bTel .bt02 {padding:50px 0 50px 120px;background:url('../images/cont/c4/icon02.png') 25px 50% no-repeat;border-left:1px solid #ddd;}
.bTel .bt03 {padding:50px 0 50px 120px;background:url('../images/cont/c4/icon03.png') 25px 50% no-repeat;}

.bTel .w320 {width:320px;}

.HW div{border:1px solid #ccc;}
.HW div dl {border-bottom:1px dashed #aaa;padding:40px 30px 40px 180px;}
.HW div dl:last-child {border-bottom:none;}
.HW div dl dt {font-size:18px;margin-bottom:10px;display:inline-block;border-bottom:1px solid #333;padding:0 0 5px 0;}

	.HW .hw01 {background:url('../images/cont/c4/c4_2b_01.gif') 45px 50% no-repeat;}
	.HW .hw02 {background:url('../images/cont/c4/c4_2b_02.gif') 45px 50% no-repeat;}
	.HW .hw03 {background:url('../images/cont/c4/c4_2b_03.gif') 45px 50% no-repeat;}
	.HW .hw04 {background:url('../images/cont/c4/c4_2b_04.gif') 45px 50% no-repeat;}
	.HW .hw05 {background:url('../images/cont/c4/c4_2b_05.gif') 45px 50% no-repeat;}


.ServiceTb {width:100%;}
.ServiceTb tbody td {color:#555;border-radius:10px;border:1px solid #ccc;}
.Sgreen span{display:block;color:#fff;background:#a5d16f;border-radius:10px;}


.h20 tbody td{padding:5px 15px;}
.h20 span{padding:60px 0px;}


/* À¯°ü±â°ü */
.Banner {overflow:hidden;}
.Banner li {border:1px solid #ddd;margin:0 0 20px 18px;text-align:center;float:left;}
.Banner li:hover{border:1px solid #333;}

/* »çÀÌÆ®¸Ê */
.Site {overflow:hidden}
.Site div{border-bottom:1px dotted #aaa;padding:40px 20px;overflow:hidden;}
.Site div strong{font-size:22px;float:left;width:200px;font-weight:normal;}
.Site div a {color:#555;}
.Site div ul {float:right;width:680px}
.Site div ul li a {background:url('../images/cont/h6dot.gif') 0 50% no-repeat;float:left;display:inline-block;width:45%;padding:5px 15px;}
.Site div ul li a:hover {text-decoration:underline;}


/* ¹Ì¼Ç ºñÀü*/ 
.C12BX {font-family:'GmarketSansM';text-align:center;box-sizing:border-box}
.C12BX h4{font-family:'GmarketSansB';padding-left:0;background:transparent;text-align:center;font-weight:bold;font-size:24px}

.inbx {
	flex: 1;
    padding: 30px;
    text-align: center;
    border-radius: 30px;
    border-width: 2px;
    border-style: solid;
    position: relative;
}

.C12BX p > strong {position:relative;z-index:1}
.C12BX p > strong:before {
	content: '';
    width: 101%;
    height: 8px;
    opacity: 0.4;
    border-radius: 50px;
    position: absolute;
    left: 50%;
    bottom: 2px;
    transform: translateX(-50%);
}
.C12BX .mission {box-sizing:border-box;}
.C12BX .mission > p {font-size:20px;border-color: #82A7E5;background-color: #EDF6FB;}
.C12BX .mission > p strong {color:#173C7B;}
.C12BX .mission > p strong:before {background-color: #3860A6;}

.C12BX .vision {box-sizing:border-box;}
.C12BX .vision > ul {border-color: #f186b0;background-color: #ffeaf2;}
.C12BX .vision > ul li p {font-size:20px;}
.C12BX .vision > ul li p strong {color:#d7326a}
.C12BX .vision > ul li p strong:before {background-color: #f186b0;}

.C12BX .core {box-sizing:border-box;}
.C12BX .core .inbx {border-color:#e0e0e0;}
.C12BX .core .inbx .tit {
	background:#607d8b;color:#fff;font-family:'GmarketSansB';font-size:20px;
	display:flex;flex-wrap:wrap;justify-content: center;align-items: center;
	width:200px;height:50px;margin:0 auto 20px;border-radius:50px;padding:3px 0 0 0;
	}
.C12BX .core .inner{display:flex;flex-wrap:wrap;    justify-content: center;}
.C12BX .core .inner > dl {box-sizing:border-box;width:calc(25% - 20px);margin:10px}
.C12BX .core .inner > dl dt {
	border-width: 3px;
    border-style: solid;font-family:'GmarketSansB';
	font-size:22px;width:80px;height:80px;
	display:flex;flex-wrap:wrap;    justify-content: center;align-items: center;
	margin:0 auto 20px;border-radius:100%;
}


.C12BX .core .inner > dl dd {font-size:15px;color:#555}


.C12BX .core .inner > dl.i01 dt {border-color:#3cbbb5;color:#3cbbb5}
.C12BX .core .inner > dl.i02 dt {border-color:#55bcf7;color:#55bcf7}
.C12BX .core .inner > dl.i03 dt {border-color:#ffc938;color:#ffc938}
.C12BX .core .inner > dl.i04 dt {border-color:#ff6257;color:#ff6257}