@charset "utf-8";



.txt-cont-wr {padding:6em 15px;font-size:1.153em;line-height:1.5em;}

.txt-cont-wr {background:#fff;position:relative;word-break:keep-all}

.txt-cont-wr .ptit {line-height:1.35em;font-size:2.467em;letter-spacing:-1px;margin-bottom:1em;color:#333;font-weight:400}

.txt-cont-wr .pcont {}

.txt-cont-wr .pcont .sbr {display:block}



@media all and (max-width:780px){

	.txt-cont-wr {padding:4.5em 15px;}

	.txt-cont-wr .ptit {font-size:2em;font-weight:500}

}

@media all and (max-width:530px){

.txt-cont-wr .pcont .sbr {display:inline;}

}

@media all and (max-width:480px){

	.txt-cont-wr {font-size:1em;padding:3em 15px;}

	.txt-cont-wr .ptit {font-size:1.846em;font-weight:400}

}

@media all and (max-width:320px){

	.txt-cont-wr .ptit {font-size:1.385em;font-weight:600}

}



.section-btns {position:fixed;right:5px;top:50%;padding-top:10px;padding-bottom:10px;height:auto;margin-top:-100px;width:24px;z-index:3000;/*background:rgba(255,255,255,0.45);*/border-radius:15px;}

.section-btns li {position:relative;height:30px;}

.section-btns a {display:block;width:24px;height:30px;overflow:hidden;/* background:url(../_Img/Inside/inside_sec_btns.png) no-repeat 0 top; */}

.section-btns a .ico {position:absolute;right:0;top:0;display:block;width:24px;height:30px;opacity:0;background:url(../_Img/Inside/inside_sec_btns.png) no-repeat 0 top;transition:width .2s ease, opacity .5s ease;transform:all .5s ease}

.section-btns.on a .ico, .section-btns a:hover .ico, .section-btns:hover .ico {opacity:1;transition:opacity .5s ease;transform:all .5s ease;}

.section-btns a:before {position:absolute;top:14px;left:10px;width:4px;height:4px;content:"";border-radius:2px;background:#6f6f6f;}

.section-btns.on a:before, .section-btns a.over:before, .section-btns a:hover:before, .section-btns.on a.over:before, .section-btns.on a:hover:before {opacity:0;}



.section-btns.on .ico-01 a:hover .ico {background-position:-98px 0px;}

.section-btns.on .ico-02 a:hover .ico {background-position:-98px -30px;}

.section-btns.on .ico-03 a:hover .ico {background-position:-98px -60px;}

.section-btns.on .ico-04 a:hover .ico {background-position:-98px -90px;}

.section-btns.on .ico-05 a:hover .ico {background-position:-98px -120px;}

.section-btns.on .ico-06 a:hover .ico {background-position:-98px -150px;}

.section-btns.on .ico-07 a:hover .ico {background-position:-98px -180px;}



.section-btns a.over .ico {width:122px;opacity:1;}

.section-btns .ico-01 a.over .ico, .section-btns.on .ico-01 a.over .ico {background-position:0px 0px;}

.section-btns .ico-02 a.over .ico, .section-btns.on .ico-02 a.over .ico {background-position:0px -30px;}

.section-btns .ico-03 a.over .ico, .section-btns.on .ico-03 a.over .ico {background-position:0px -60px;}

.section-btns .ico-04 a.over .ico, .section-btns.on .ico-04 a.over .ico {background-position:0px -90px;}

.section-btns .ico-05 a.over .ico, .section-btns.on .ico-05 a.over .ico {background-position:0px -120px;}

.section-btns .ico-06 a.over .ico, .section-btns.on .ico-06 a.over .ico {background-position:0px -150px;}

.section-btns .ico-07 a.over .ico, .section-btns.on .ico-07 a.over .ico {background-position:0px -180px;}



.section-btns.on .ico-01 a .ico {background-position:-157px 0px;}

.section-btns.on .ico-02 a .ico {background-position:-157px -30px;}

.section-btns.on .ico-03 a .ico {background-position:-157px -60px;}

.section-btns.on .ico-04 a .ico {background-position:-157px -90px;}

.section-btns.on .ico-05 a .ico {background-position:-157px -120px;}

.section-btns.on .ico-06 a .ico {background-position:-157px -150px;}

.section-btns.on .ico-07 a .ico {background-position:-157px -180px;}





/*



.section-btns a.over {width:24px;}

.section-btns .ico-01 a.over {background-position:-98px 0px;}

.section-btns .ico-02 a.over {background-position:-98px -30px;}

.section-btns .ico-03 a.over {background-position:-98px -60px;}

.section-btns .ico-04 a.over {background-position:-98px -90px;}

.section-btns .ico-05 a.over {background-position:-98px -120px;}

.section-btns .ico-06 a.over {background-position:-98px -150px;}

.section-btns .ico-07 a.over {background-position:-98px -180px;}

.section-btns a:hover {width:122px;}

.section-btns .ico-01 a:hover {background-position:0px 0px;}

.section-btns .ico-02 a:hover {background-position:0px -30px;}

.section-btns .ico-03 a:hover {background-position:0px -60px;}

.section-btns .ico-04 a:hover {background-position:0px -90px;}

.section-btns .ico-05 a:hover {background-position:0px -120px;}

.section-btns .ico-06 a:hover {background-position:0px -150px;}

.section-btns .ico-07 a:hover {background-position:0px -180px;}

*/



@media all and (min-width:1400px){

	.section-btns {right:30px;}

}

@media all and (max-width:999px){

	.section-btns {top:auto;bottom:0px;height:30px;display:none;}

}



/* about */

.inside-wrap {position:relative;word-wrap:break-word;word-break:keep-all;}



.inside-wrap .inside-cont {width:100%;position:relative;/*min-height:930px;*/overflow:hidden;}

.inside-wrap .cont-bg {position:absolute;top:0;right:0;display:block;width:50%;height:100%;background:rgba(232,22,0,0.94);}

.inside-wrap .im-bg {position:absolute;top:0;right:50%;display:block;width:50%;height:100%;}

.inside-wrap h3 {font-size:2.308em;text-transform:uppercase;background:#fff;position:absolute;top:11%;right:-1px;max-width:56%;width:100%;text-align:left;padding:16px 0 14px 30px;color:#333;line-height:1em;box-sizing:border-box;}

.inside-wrap .incont-wr {width:50%;height:100%;top:0;left:50%;box-sizing:border-box;position:absolute;}

.inside-wrap .pcont-wr {width:100%;text-align:left;max-width:620px;margin-left:80px;box-sizing:border-box;position:relative;}



.inside-cont-wr {position:relative;width:100%;}





@media all and (min-width:1400px){

.inside-wrap h3 {width:56%;}

}

@media all and (min-width:1000px){

.inside-wrap .pcont-wr {margin-right:30px;width:auto;}

}

@media all and (max-width:999px){

	.inside-wrap h3 {top:45%;background:transparent;padding:17px 0;margin-top:-0.5em;text-align:center;max-width:100%;width:70%;margin:0 15%;color:#222;font-size:3em;background:#FFF;}

	.inside-wrap .im-bg {width:100%;left:0;right:0;height:50%;top:0;}

	.inside-wrap .incont-wr {width:100%;left:0;right:0;height:50%;top:50%;}

	.inside-wrap .pcont-wr {margin-left:auto;margin-right:auto;width:100%;}

}

@media all and (max-width:650px){

	.inside-wrap h3 {max-width:100%; width:70%;margin:0 15%; font-size:2em;}

	.inside-wrap .pcont-wr {margin-left:15px;margin-right:15px;width:auto;}

}





/* about */

#about {background:#f1f1f1 ;}

#about .im-bg {background:url(/kor/_Img/Inside/about_bg_s02.jpg) no-repeat right 0;right:50%;}

#about .incont-wr {color:#333;}

#about .pcont-wr {padding-top:7em;padding-bottom:3em}

#about .pcont-wr h4 {font-size:4.615em;line-height:1.0em;}

#about .pcont-wr h4 span {display:block;font-weight:300;}

#about .pcont-wr .stit {margin-top:8%;margin-bottom:1em;font-size:1.538em;font-weight:bold;color:#555;line-height:1.35em;}

#about .pcont-wr .txt {line-height:1.923em;font-size:1.231em;}

#about .pcont-wr .pimg {display:block;text-align:center;padding-top:13%;width:100%;/*margin:13% 0 0 7%;*/}

#about .pcont-wr .pimg img {max-width:100%;}





@media all and  (max-width:540px){

	#about .pcont-wr h4 {font-size:2.308em;line-height:1.0em;}

	#about .pcont-wr .stit {font-size:1.538em;}

	#about .pcont-wr .txt {line-height:1.5em;font-size:1.0em;}



}

/* introduce */

#introduce {background:url(../_Img/Inside/introduce_bg.jpg) no-repeat 50% 0;background-size:auto 100%;color:#fff;}

#introduce .im-bg {height:100%;}

#introduce .incont-wr {background:rgba(222,24,3,0.94);}

#introduce .pcont-wr {padding-top:7em;padding-bottom:3em}





#introduce h4 {font-size:2.154em;line-height:145%;}

#introduce h4 span {display:block;}

#introduce .intro-list {margin:10% 0 0 0;}

#introduce .intro-list li {position:relative;padding-left:19%;font-size:1.231em;margin-top:4%;line-height:25px;}

#introduce .intro-list li:first-child {font-weight:bold;}

#introduce .intro-list .tit {position:absolute;top:0;left:0;display:inline-block;vertical-align:top;width:19%;font-size:1em;font-weight:500;letter-spacing:0;}



@media all and (max-width:999px){

	#introduce {background-size:auto 50%;}

	#introduce h4 {margin-top:60px;}

	#introduce .incont-wr {background:rgba(222,24,3,1);}

}



@media all and  (max-width:540px){

	#introduce h4 {font-size:1.538em;}

	

	#introduce .pcont-wr {padding-top:3em;}

	#introduce .intro-list {font-size:0.9em;}

	#introduce .intro-list li {padding-left:90px;font-size:1.12em;}

	#introduce .intro-list .tit {width:90px;}

}

/* award */

#award {background:url(/kor/_Img/Inside/award_bg.jpg) no-repeat 50% 0;background-size:auto 100%;}



#award .incont-wr {background:#fff;}

#award .pcont-wr {padding-top:7em;padding-bottom:3em}

#award h4 {color:#d50b13;font-size:1.846em;text-align:center;}

#award h4 .wa {display:block;width:auto;margin:0 auto;}



#award .pcont-wr .txt {margin-top:8%;text-align:center;font-size:1.231em;color:#333;line-height:1.563em}

#award .pcont-wr .txt span {display:block;}





#award .wa-cont-wrap {position:relative;overflow:hidden;height:360px;margin-top:80px;}



#award h5 {text-align:center;}

#award li.wa-list {display:none;}

#award li.over.wa-list {display:block;}



#award .wa-cont {margin-top:40px;border-top:1px solid #ddd;}

#award .wa-cont li {border-bottom:1px solid #ddd;padding:25px 0 24px;letter-spacing:-0.05em;}

#award .wa-cont li span {display:inline-block;vertical-align:top;}

#award .wa-cont li .divis {color:#818b95;line-height:1.538em;width:34%;padding-left:4%}

#award .wa-cont li .divis em {font-style:normal;display:block;}

#award .wa-cont li .award {font-size:1.538em;font-weight:bold;color:#222;padding-top:6px;width:25%;}

#award .wa-cont li .nm {font-size:1.538em;color:#333;padding-top:6px;width:30%;}



#award .wa-ctrl-btns {text-align:center;width:100%;margin-top:3em;}

#award .wa-ctrl-btns button {background:url(/kor/_Img/Inside/cbtl_r.png) no-repeat -14px 0;width:25px;height:18px;cursor:pointer;border:0;}

#award .wa-ctrl-btns button.over {background-position:11px 0}

@media all and (min-width:1000px){

	#award .wa-cont-wrap {}

}

@media all and (max-width:999px){

	#award {background-size:auto 50%;}

}

@media all and (max-width:480px){

	#award .pcont-wr {padding-top:3.2em;}

	#award h4 img {max-width:120px;}

	#award h4 {font-size:1.4em;}

	#award .pcont-wr .txt {margin-top:4%;font-size:1em;color:#333;line-height:1.4em}

	#award .pcont-wr .txt span {display:inline}



	#award .wa-cont-wrap {margin-top:3.0em;}

	#award .wa-list h5 img {height:25px;}

	#award .wa-cont {margin-top:23px;}

	#award .wa-cont li {position:relative;}

	#award .wa-cont li .divis {width:45%;padding:0;}

	#award .wa-cont li .award {font-size:1.31em;width:55%;padding:0;position:absolute;bottom:50%;right:0;}

	#award .wa-cont li .nm {font-size:1.31em;width:55%;padding:0;position:absolute;top:57%;right:0;}

	#award .wa-ctrl-btns {margin-top:0em;}



}	







/* message */

#message {/*background:url(/kor/_Img/Inside/message_bg_s.jpg) no-repeat left 0;*/color:#fff;}

#message .im-bg {background:url(/kor/_Img/Inside/message_bg.jpg) no-repeat left 0;right:50%;background-size:auto 100%;}

#message .incont-wr {background:#423d39;}

#message .pcont-wr {padding-top:7em;padding-bottom:3em;min-height:930px;}

#message .stit {font-size:2.462em;font-weight:bold;line-height:1.344em;}

#message .stit span {display:block;}

#message .msg-wrap {position:relative;overflow:hidden;margin-top:3em;min-height:520px;}

#message .msg-wrap li {display:none;}

#message .msg-wrap li.over {display:block;}

#message .msg-wrap li .ico {display:block;width:90px;height:83px;margin:0 auto;background:url(/kor/_Img/Inside/ico_msg02.png) no-repeat;}

#message .msg-wrap li:first-child .ico {background:url(/kor/_Img/Inside/ico_msg01.png) no-repeat}

#message .msg-wrap h4 {font-size:1.538em;margin:7% 0 3% 0;}

#message .msg-wrap .txt {font-size:1.231em;color:#b6afaa;line-height:1.563em;margin-bottom:4%;}

#message .msg-wrap .txt span {display:block;}



#message .msg-ctrl-btns {text-align:center;width:100%;margin-top:3em;}

#message .msg-ctrl-btns button {background:url(/kor/_Img/Inside/cbtl_w.png) no-repeat -25px 0;width:25px;height:42px;cursor:pointer;border:0;}

#message .msg-ctrl-btns button.over {background-position:0 0}



@media all and  (max-width:540px){

	#message .stit {font-size:1.538em;}

}	

@media all and (max-width:480px){

	#message .pcont-wr {padding-top:3.5em;padding-bottom:1em;min-height:520px;}

	#message .msg-wrap {position:relative;min-height:480px;}

	#message .msg-wrap h4{font-size:1.35em;margin:10% 0 3.6% 0;}

	#message .msg-wrap .txt {font-size:1.06em;line-height:1.5em;}

	#message .msg-ctrl-btns {margin-top:0.4em;margin-bottom:1.6em;}

}



/* history */

#history {background:#fefefe;}

#history .div-cont {padding-top:7em;padding-bottom:6em}

#history h3 {max-width:100%;width:100%;background:rgb(232,22,0);color:#fff;position:relative;top:auto;left:auto;}

#history .stit {font-size:2.154em;text-align:center;line-height:1.429em;font-weight:bold;color:#555;margin-top:70px;margin-bottom:70px;}

#history .stit span {display:block;}



#history .y-list {border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;text-align:center;margin-bottom:6em;}

#history .y-list li {display:inline-block;vertical-align:top;margin:0 6.25%;}

#history .y-list li a {display:block;padding:20px 0;width:110px;background-position:0 -49px;background-repeat:no-repeat;transition:all 0.5s ease;}

#history .y-list li a.over, #history .y-list li a:hover, #history .y-list li a:focus, #history .y-list li a:active {border-bottom:2px solid #d5121a;background-position:0 14px;transition:background 0.5s;}

/* 연도 */

#history .y-list li.ytoday a {background-image:url(/kor/_Img/Inside/tab_ytoday.gif)}

#history .y-list li.y2019 a {background-image:url(/kor/_Img/Inside/tab_y2019.gif)}

#history .y-list li.y2009 a {background-image:url(/kor/_Img/Inside/tab_y2009.gif)}





@media all and (max-width:680px){

	#history .y-list li {margin:0 15px;background-size:contain}

}



@media all and (max-width:540px){

	#history .div-cont {padding-top:4.2em;padding-bottom:2.4em}

	#history .y-list {margin-bottom:2.8em;}

	#history .y-list li a {margin:0 2px;background-size:auto auto}

} 

@media all and (max-width:500px){

	#history .y-list li {margin:0 2px;}

	#history .y-list li a {background-size:auto 58px;background-position:4px -33px;width:86px}

	#history .y-list li a.over, #history .y-list li a:hover, #history .y-list li a:focus, #history .y-list li a:active {background-position:3px 14px}

}



.list-cont {min-height:200px;position:relative;width:100%;}

.history-list {position:relative;/*padding-top:62px;*/background:url(/kor/_Img/Inside/his_bg_line.gif) repeat-y 50% 0;padding-bottom:4em;}

.history-list:after {clear:both;content:"";display:block;}

.history-list h4 {position:absolute;right:50%;background:url(/kor/_Img/Inside/blt_his.gif) no-repeat right 0;margin-right:-2px;padding-right:4.25%;text-align:right;}

.history-list ol {width:46%;font-size:1.154em;margin-left:50%;padding-left:4%;}

.history-list li {margin-bottom:1em;}



.history-list.even h4 {right:0;left:50%;padding-right:0;padding-left:4.25%;text-align:left;margin-left:-2px;background-position:left 0;}

.history-list.even ol {margin-right:50%;margin-left:0;text-align:right;padding-left:0;padding-right:4%;}





@media all and (max-width:999px){

	#history h3 {width:auto;margin-left:0px;margin-right:0px;}

}



@media all and  (max-width:540px){

	.history-list {padding-bottom:1em;}

	#history .stit {font-size:1.538em;margin-top:30px;margin-bottom:40px;}

	#history .stit span {}



	.history-list {background:none;}

	.history-list li {margin-bottom:0.7em;}

	

	.history-list h4, .history-list.even h4 {position:relative;width:100%;left:auto;top:auto;right:auto;margin:0 0 2em 0;padding:2em 0 0 0;background:none;border-top:2px solid #333;text-align:center;}

	.history-list h4.odd {text-align:center;}

	.history-list h4 img {height:24px;}

	.history-list ol , .history-list.even ol {font-size:1.03em;width:100%;margin:0;padding:0;text-align:left;}

	.history-list ol li {background:url(/kor/_Img/Inside/blt_his02.gif) no-repeat 4px 6px;padding-left:0.8em}

}





/* client */

#client {background:#3e4447 url(/kor/_Img/Inside/client_bg.jpg) no-repeat 50% 0;}

#client .div-cont {padding-top:7em;padding-bottom:3em}

#client h3 {max-width:100%;width:100%;background:rgb(232,22,0);color:#fff;position:relative;top:auto;left:auto;}



#client .client-top {overflow:hidden;background:url(/kor/_Img/Inside/client_vbar.png) no-repeat 54% 85%;margin-top:70px;margin-bottom:70px;}

#client .client-top span {display:block;}

#client .client-top .stit {float:left;width:36%;font-size:2.462em;padding-left:14%;color:#fff;line-height:1.344em;font-weight:bold;}

#client .client-top .txt {float:left;width:40%;color:#b4b5b6;font-size:1.154em;padding:27px 0 0 10%;line-height:1.667em;}



.client-cont-list {position:relative;width:100%;height:465px;overflow:hidden;}

.client-list-wr {overflow:hidden;position:relative;}

.client-list {overflow:hidden;}

.client-list:after {clear:both;content:"";display:block;}

.client-list li {display:block;overflow:hidden;position:relative;float:left;}

.client-list li span {display:block;}

.client-list li img {}



#client .c-ctrl-btns {margin-top:3em;width:100%;text-align:center;}

#client .c-ctrl-btns button {background:url(/kor/_Img/Inside/cbtl_w.png) no-repeat -25px 0;width:25px;height:42px;cursor:pointer;border:0;}

#client .c-ctrl-btns button.over {background-position:0 0}

@media all and (max-width:999px){

	#client h3 {width:auto;margin-left:0px;margin-right:0px;}

}

@media all and (min-width:1000px){

	.client-cont-list {height:465px;}

	.client-list li {width:16.6%;height:66px;}

	.client-list li a {width:232px;height:66px;margin-left:-116px;position:absolute;left:50%;top:0;}

}



@media all and (min-width:781px) and (max-width:999px){



	#client .client-top {overflow:hidden;background:url(/kor/_Img/Inside/client_vbar.png) no-repeat 40% center;margin-top:4em;margin-bottom:70px;}

	#client .client-top span {display:block;}

	#client .client-top .stit {float:left;width:34%;font-size:2.462em;padding-left:3%;color:#fff;line-height:1.344em;font-weight:bold;}

	#client .client-top .txt {float:left;width:50%;color:#b4b5b6;font-size:1.154em;padding:35px 0 0 10%;line-height:1.667em;}





	.client-cont-list {height:510px;}

	.client-list li {width:20%;height:66px;}

	.client-list li a {width:232px;height:66px;margin-left:-116px;position:absolute;left:50%;top:0;}

}



@media all and (min-width:541px) and (max-width:780px){

	

	#client .div-cont {padding-top:5em;padding-bottom:2em;}

	#client .client-top {overflow:hidden;margin-top:3em;margin-bottom:2em;background:none;}

	#client .client-top span {display:block;}

	#client .client-top .stit {float:none;width:auto;margin-left:30px;font-size:1.846em;padding:0;text-align:left;}

	#client .client-top .txt {float:none;width:auto;margin-left:30px;padding:0;margin-top:1.5em;}

	#client .client-top .txt span {display:inline;}



	.client-cont-list {height:320px;}

	.client-list li {width:20%;height:40px;}

	.client-list li span {width:140px;height:40px;margin-left:-70px;position:absolute;left:50%;top:0;}

	.client-list li span img {height:40px;}

}



@media all and  (max-width:540px){

	#client .div-cont {padding-top:5em;padding-bottom:2em;}

	#client .client-top {overflow:hidden;margin-top:3em;margin-bottom:2em;background:none;}

	#client .client-top span {display:block;}

	#client .client-top .stit {float:none;width:100%;font-size:1.538em;padding:0;text-align:center;}

	#client .client-top .txt {float:none;width:100%;padding:0;text-align:center;margin-top:1.5em;font-size:1.1em;}

	#client .client-top .txt span {display:inline;}





	.client-cont-list {height:565px;}

	.client-list li {width:33.33%;height:40px;}

	.client-list li span {width:140px;height:40px;margin-left:-70px;position:absolute;left:50%;top:0;}

	.client-list li span img {height:40px;}

}