@charset "utf-8";


.uit.type6 .txtwrap .caption-descript{font-size:15px;padding-top:12px;line-height:22px;opacity:0.9;}
.tbl_basic{border-top-color:#2f71d2;}

/*인사말 */
.greeting{}
.box_greeting{position:relative;margin:0 auto 60px;padding:52px 0 0 20px;max-width:300px}
.box_greeting:before{content:"";display:block;position:absolute;top:20px;right:0;width:160px;height:32px;background:url(/images/oil/sub01/msg_txt_320.png) no-repeat}
.box_greeting:after{content:"";display:block;position:absolute;top:65%;left:0;width:160px;height:120px;background:url(/images/oil/sub01/sub01_01_img01.jpg) no-repeat 50% 50%;background-size:cover}
.box_greeting .msg{position:relative;padding:25px;border:1px solid #ddd}	
.box_greeting .msg h2{margin:0 0 20px;padding:0;background:none;color:#666;font-size:20px;font-weight:normal;line-height:1.2;word-wrap:break-word;word-break:keep-all}
.box_greeting .msg h2:before{display:none;}
.box_greeting .msg h2 span{color:#858271;font-family:'nsr';font-weight:bold;line-height:28px}
.box_greeting .msg .name{color:#696969;font-size:16px;text-align:right}
.grt_txt{}
.grt_txt:after{content:"";display:block;clear:both;visibility:hidden}
.grt_txt .col{}
.grt_txt .col p{margin-bottom:20px;color:#767676;font-size:15px;line-height:25px;letter-spacing: -0.5px;text-align:left}
.grt_txt .col p b{color:#333}
@media only screen and (min-width:480px) {
.box_greeting{margin-bottom:90px;max-width:460px}
.box_greeting:after{top:65%;width:240px;height:160px}
}
@media only screen and (min-width:768px) {
.box_greeting{padding:70px 0 0 45%;margin-bottom:40px;max-width:100%}
.box_greeting:before{top:28px;width:205px;height:42px;background:url(/images/oil/sub01/msg_txt_768.jpg) no-repeat}
.box_greeting:after{top:0;width:50%;height:260px}
.box_greeting .msg{padding:25px 20px 5px 12.5%;}
.box_greeting .msg h2{margin-bottom:30px;font-size:26px;line-height:1.2}
.box_greeting .msg h2 span{display:block;margin-top:5px;color:#333;letter-spacing:2px;font-size:15px;}
.box_greeting .msg .name{font-size:18px}
.box_greeting .msg .name span{display:inline-block;margin:0 0 20px 10px;width:112px;height:60px;background:url(/images/oil/sub01/msg_sign.jpg) no-repeat;vertical-align:middle}
.grt_txt .col{float:right;width:48%;text-align:justify}
.grt_txt .col:first-child{float:left;text-align:justify}
}
@media only screen and (min-width:1200px) {
.box_greeting{padding:80px 0 0 49%}
.box_greeting .msg{padding:65px 45px 45px 65px}
.box_greeting:before{top:22px;width:286px;height:58px;background:url(/images/oil/sub01/msg_txt.jpg) no-repeat}
.box_greeting:after{width:570px;height:345px}
.box_greeting .msg h2{margin-bottom:10px;font-size:22px;line-height:1.2}

}


/*설립배경 */
.box_cont_last{border-bottom:none;}

.history{position:relative;margin:138px 0;padding:10px 0 50px;}
.history:before{content:"";display:block;position:absolute;top:0;left:29px;width:7px;height:100%;background:#e5e5e5;border-radius:4px;}
.history>p{position:absolute;left:0;margin:0;width:80px;height:80px;border:1px solid #e5e5e5;border-radius:100%;color:#2f71d2;line-height:32px;text-align:center; padding-top: 26px; box-sizing: border-box;}
.history .present{top:-98px;}
.history .before{bottom:-80px;}
.history .item{position:relative;margin-top:70px;}
.history .item:first-child{margin-top:0;}
.history .item:after{content:"";display:block;clear:both;visibility:hidden;}
.history .item .grap{position:relative;padding:0 20px 0 55px;}
.history .item .grap:before{content:"";display:block;position:absolute;top:-5px;left:25px;width:15px;height:33px;background:url(/images/oil/sub01/history_bul.png) no-repeat;}
.history .item .grap .tit{position:relative;margin-bottom:10px;color:#000;/*font-family:'nsr','맑은 고딕','Malgun Gothic';*/}
.history .item .grap .tit p{margin:0 0 10px;font-size:16px;line-height:20px;}
.history .item .grap .tit p span{line-height:20px;}
.history .item .grap .tit h3{margin:0;color:#333;font-size:22px;font-weight:bold;line-height:28px;word-wrap:break-word;word-break:keep-all;}
.history .item .grap .tit h3 span{display:block;font-size:14px;font-weight:normal;line-height:18px;}
.history .item .grap .con_history{}
/*
.history .item .grap .con_history .lst_history li{position:relative;margin-top:10px;padding-left:95px;line-height:18px;word-wrap:break-word;word-break:keep-all;}
.history .item .grap .con_history .lst_history li:first-child{margin-top:0;}
.history .item .grap .con_history .lst_history li b{position:absolute;top:0;left:0;color:#07469b;}
*/
.history .item .grap .con_history .lst_history li{position:relative;margin-top:10px;line-height:18px;word-wrap:break-word;word-break:keep-all;font-size:14px;}
.history .item .grap .con_history .lst_history li:first-child{margin-top:0;}

.history .item .grap .con_history .lst_history li b{display:block;color:#2f71d2;font-size:17px;}

.history .item .grap .gall_history{margin-top:20px;}
.history .item .grap .gall_history li{margin-bottom:10px;}
.history .item .grap .gall_history li figure span{display:block;background-color:#f7f7f7;text-align:center;}
.history .item .grap .gall_history li figure span img{width:100%;}
.history .item .grap .gall_history li figcaption{margin-top:7px;font-size:13px;line-height:15px;text-align:left;word-wrap:break-word;word-break:keep-all;}
.history .item .grap .gall_history:after{content:"";display:block;clear:both;visibility:hidden;}

@media all and (min-width:480px) {
	.history .item .grap .gall_history li{float:left;margin:0 0 0 1.5%;width:32.33%;}
	.history .item .grap .gall_history li:first-child{margin-left:0;}
}

@media all and (min-width:640px) {
	.history>p{left:50%;margin-left:-32px;}
	.history:before{left:50%;margin-left:6px;}
	.history .item .grap{padding:0;}
	.history .item .grap:before{top:-6px;left:50%;margin-left:2px;}
	.history .item .grap:after{content:"";display:block;clear:both;visibility:hidden;}
	.history .item .grap .con_history{padding-top:2px;}
	.history .item .grap.lcnt .tit,
	.history .item .grap.rcnt .con_history{float:right;padding-left:46px;width:50%;text-align:left;}
	.history .item .grap.rcnt .tit,
	.history .item .grap.lcnt .con_history{float:left;padding-right:30px;width:50%;text-align:right;}
	.history .item .grap .con_history .lst_history li{margin-top:25px;}	
	.history .item .grap.lcnt .con_history .lst_history li b{left:auto;right:0;}
	.history .item .grap.rcnt .gall_history{margin-left:-1%;}
	.history .item .grap.rcnt .gall_history li{float:left;margin:0 0 0 1%;width:32.33%;}
	.history .item .grap.lcnt .gall_history{margin-right:-1%;}
	.history .item .grap.lcnt .gall_history li{float:right;margin:0 1% 0 0;width:32.33%;}
}
@media all and (min-width:768px) {
	.history .item .grap.lcnt .con_history .lst_history li{padding:4px 95px 0 0;}
	.history .item .grap .con_history .lst_history li{padding-left:95px;}
	.history .item .grap .con_history .lst_history li b{position:absolute;top:0;left:0;}
	.history .item .grap .tit p{margin-bottom:15px;font-size:18px;line-height:22px;}
	.history .item .grap .tit p span{display:block;line-height:22px;}
	.history .item .grap .tit h3{font-size:26px;line-height:30px;}
	.history .item .grap .tit h3 span{margin-top:5px;font-size:16px;line-height:20px;}
}
@media all and (min-width:1280px) {
	.history .item .grap.rcnt .gall_history li{margin-left:10px;width:166px;}
	.history .item .grap.lcnt .gall_history li{margin-right:10px;width:166px;}
	.history .item .grap.rcnt .gall_history li:first-child,
	.history .item .grap.lcnt .gall_history li:first-child{margin:0;}
}


.map{position:relative;overflow:hidden;height:400px;/*border:1px solid #e5e6e7;*/ background:#4D5965;}

.box_local{position:relative;padding:20px;border:1px solid #ddd;background:#f8f8f8;}
.box_local:after{content:"";display:block;clear:both;visibility:hidden;}
.box_local h2{position:relative;display:inline-block;margin:0;padding:5px 20px;font-size:18px;line-height:20px;color:#06499d;font-weight:bold;background:none;}
.box_local h2:before,
.box_local h2:after{content:"";display:block;position:absolute;top:50%;margin-top:-26px;width:11px;height:51px;background:url(/images/oil/sub01/sub10_ico.png) no-repeat;}
.box_local h2:before{left:-10px;background-position:0 -42px;}
.box_local h2:after{right:-10px;background-position:-12px -42px;}
.box_local h2 span{font-size:18px;line-height:20px;color:#2f71d2;font-weight:bold;font-family:'nsr','Malgun Gothic';}
.box_local .lst_local{float:left;display:inline-block;padding-top:5px;}
.box_local .lst_local li{position:relative;text-align:left;}
.box_local .lst_local li b {margin-right:5px;}
.box_local .lst_local li.last {margin-top:10px;}
.box_local .lst_local li.last a {display:block;width:auto;height:auto;padding:20px 0;background-color:#45495b;color:#fff;font-size:13px;text-align:center;}

.box_local .lst_local li .ico_local{background:url(/images/oil/sub01/sub10_ico.png) no-repeat;}
.box_local .lst_local li .ico_local.ico3{display:block;width:28px;height:36px;margin:0 auto 10px;background-position:0 0;}


@media all and (min-width:600px) {
.box_local{padding:40px 150px 40px 50px;}
.box_local h2{float:left;padding:5px 15px;margin-right:35px;}
.box_local h2 span{display:block;}
.box_local .lst_local li.last {position:absolute;right:50px;top:50%;margin-top:-50px;}
.box_local .lst_local li.last a {display:inline-block;height:100px;width:100px;padding:20px 0 0;}

}


/* sub01_04 */

.org {position: relative;margin: 0 auto;margin-bottom:90px;}
.org strong {display: block;width: 300px;padding: 10px 20px 10px 20px;text-align: center;color: #fff;background:#2f71d2;margin:40px auto;}
.org strong:before {position: absolute;content: "";display: block;top:68px;left: 50%;height: 298px;border-left: 1px solid #dcdcdc;}
.org ul {position:relative;width: 90%;margin: 0 auto;}
.org ul .lt{position: relative;display:block;width:30%;padding: 15px;line-height: 14px;text-align: center;border: 1px solid #e60e7d; margin-bottom:30px;left:0;}
.org .lt:before {content: "";display: block;position: absolute;border-top:1px solid #dcdcdc;width:68%;top:50%;left:100%;}
.org .rt{position:absolute; top: 0;right:0;display:block;width:30%;padding: 15px;text-align: center;border: 1px solid #94c11f; margin-bottom:15px;}
.org .rt:before {content: "";display: block;position: absolute;border-top:1px solid #dcdcdc;width:68%;top:50%;right:100%;}
.org .last{display:block;width:300px;padding: 15px;line-height: 14px;text-align: center;border: 1px solid #f18728;margin:30px auto;}


@media all and (max-width:673px) {
	.org strong:before{height:298px;}
}

@media all and (max-width:589px) {
	.org strong:before{height:322px;}
}

@media all and (max-width:543px) {
	.org ul {width: 100%;}	
	.org strong:before{height:298px;}

}

@media all and (max-width:537px) {
	.org ul {width: 100%;}	
	.org strong:before{height:322px;}

}

@media all and (max-width:503px) {
	.org strong{width:100%;margin:20px auto;}
	.org strong:before{height:248px;}
	.org ul .lt{width:40%;margin-bottom:20px;}
	.org .rt{width:40%;}
	.org .last{width:100%;margin:20px auto;}
	.org .lt:before {width:27%;}
	.org .rt:before{width:27%;}
	
}

@media all and (max-width:419px) {
	.org strong:before{height:272px;}

}


@media all and (max-width:331px) {
	.org strong:before{height:296px;}

}

/* sub01_05 */
.intro_txtBox h3{top:50px;left:15px;line-height:26px;}

/* sub02_03 */
.ui.uia .item:hover, .ui.uia .item:focus, .ui.uia .item:active, .ui.uia .item.ov{border:1px solid #2f71d2;}
.ui.uia.qna .question{color:#2f71d2;}