@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');

* {padding:0; margin:0;font-family: 'Nanum Gothic', sans-serif;  vertical-align:top;}
html,body {height:100%;}
body {background-color:#fff;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,p{margin:0;padding:0;font-style:normal;font-weight:normal; font-family: 'Nanum Gothic', sans-serif;}

a:link {font-family: 'Nanum Gothic', sans-serif;text-decoration:none; transition: all 0.3s;}
a:visited {font-family: 'Nanum Gothic', sans-serif;text-decoration:none;transition: all 0.3s;}
a:hover {font-family: 'Nanum Gothic', sans-serif;text-decoration:none;transition: all 0.3s;}
a:active {font-family: 'Nanum Gothic', sans-serif;text-decoration:none;transition: all 0.3s;}

img, fieldset {border:none; vertical-align:top;}
legend,caption {position:absolute; left: 0; top:-5000px; font-size:0; line-height:0;}
iframe {border:none;border-collapse:collapse;}
ul,ol{list-style:none;margin:0; padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;font-family: 'Nanum Gothic', sans-serif; }
hr {overflow:hidden; display: block; height:1px; border:none; }

#wrap{width:100%;  background-color:#c5c1be;}
/* HEADER */
#header{position:fixed; width:100%; height:136px; top:0; padding:19px 0; z-index:3; box-sizing: border-box;  text-align:center; background-color:#404040;}
#header:after { content:""; display:block; clear:both; }

/*.sub #header {border-bottom:1px solid #e3e3e3; background:#fff}*/
#header .head {position:relative;  padding:0; max-width:1100px; margin:0 auto; }
#header .head:after { content:""; display:block; clear:both; }
#header h1 {overflow:hidden; display:inline-block; }
#header h1 a {overflow:hidden;display:block; width:124px; }
#header h1 a img {width:100%}

.gnb {text-align:center; margin:19px 0 0;}
.gnb a {margin:0 6%; display:inline-block; font-size:18px; line-height:18px; color:#fff;}
.gnb a.on, .gnb a:hover {color:#ffd201}

/* FOOTER */
#footer {position:relative;width:100%; clear:both; margin:0; z-index: 1; text-align:center; background:#404040}
.foot_in {padding:55px 0 60px 0; max-width:1100px; margin:0 auto;}
#footer span { margin:0 5px ; font-size:16px; line-height:18px; color:#fff}

/* main */
#body {position:relative; width:100%; padding:136px 0 0;z-index:2;   }
#body:after{display:block;clear:both;content:'';}
.top_con {position:relative; max-width: 1100px; margin:0 auto; box-sizing: border-box;}
.top_con:after{display:block;clear:both;content:'';}

.bgmain {position: relative;  width: 100%; height:732px; overflow:hidden;z-index:0;}
.bgmain li {position: absolute; top:0; z-index:0; width: 100%; height: 100%;}
.bgmain li.on{ z-index:1; opacity: 1;}

.bn_main01 {background:url("../image/main_img11.jpg") no-repeat center top; background-size:cover;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/@bg01.png', sizingMethod='scale');
-ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/@bg01.png', sizingMethod='scale');}

.bn_main02 {background:url("../image/main_img12.jpg") no-repeat center top; background-size:cover;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/bg02.png', sizingMethod='scale');
-ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/bg02.png', sizingMethod='scale');}

.bn_main03 {background:url("../image/main_img13.jpg") no-repeat center top; background-size:cover;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/bg03.png', sizingMethod='scale');
-ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/bg03.png', sizingMethod='scale');}

.bn_main04 {background:url("../image/main_img14.jpg") no-repeat center top; background-size:cover;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/bg03.png', sizingMethod='scale');
-ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/bg03.png', sizingMethod='scale');}

.bn_main05 {background:url("../image/main_img15.jpg") no-repeat center top; background-size:cover;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/bg03.png', sizingMethod='scale');
-ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/bg03.png', sizingMethod='scale');}

.bx-prev {overflow: hidden; position: absolute; top:50%; left:5%; display:block; text-indent: -99999px; width:66px; height:71px; margin-top:-35px; background:url("../image/bt_left.png") no-repeat left top; background-size:100% auto;}
.bx-next {overflow: hidden; position: absolute; top:50%; right:5%; display:block; text-indent: -99999px; width:66px; height:71px; margin-top:-35px; background:url("../image/bt_right.png") no-repeat left top; background-size:100% auto;}

.mid_con { max-width: 628px; margin:120px auto 0;  }
.mid_con img {max-width:100%;}
.mid_con_in {padding:160px 0 0; background:url("../image/bg01.png") no-repeat left 57px;}
.mid_con_in dl { display:block; width:100%; padding:0 0 40px 17px;}
.mid_con_in dt {display:block; font-size:30px; line-height:40px; color:#000; font-weight:800;}
.mid_con_in dd {display:block; font-size:18px; line-height:30px; color:#000; letter-spacing:-1px;}
.mid_con_in > img {margin:0 0 40px;}

@media all and (max-width:360px) {
	.bot_con_in01 img{margin:0 auto;}
}

.bot_con {padding:50px 0 120px 0; background:#e5e5e5}
/*.bot_con_in01 {max-width: 780px; margin:0 auto;} 2020-03-27 수정*/
.bot_con_in01 {max-width: 1100px; margin:0 auto;}
.bot_con .cer01 {overflow: hidden; margin:0}
.bot_con .cer01 img {float: left; margin:0 10px 21px}
.bot_con .cer02 {overflow: hidden; padding:39px 0 0;}
.bot_con .cer02 img {float: left; margin:0 4px 26px}
.bot_con .cer03 {overflow: hidden;}
.bot_con .cer03 img {float: left; margin:0 6.5px 200px}
.bot_con_in02,
.bot_con_in03,
.bot_con_in05 {display:block; max-width: 1100px; margin:0 auto; padding:0 0 130px}
.bot_con_in02 p,
.bot_con_in03 p {display:block; margin:26px 0 30px; font-size:18px; line-height:20px; color:#000; font-weight:600; text-align:center}
.box_mv {padding:73px 40px 19px; border:1px solid #c5c5c5; background: #fff;}
.box_mv .tit {position: relative; display:block; margin:0 0 32px; text-align:center; font-family: 'Noto Sans KR', sans-serif;font-size:26px; line-height:26px; color:#000; font-weight:600; }
.box_mv .tit::after {content: ''; position: absolute; top:-47px; left:50%; margin-left:-43px; display:block; width:87px; height:6px; background:#000;}

.bot_con_in04 {position: relative; max-width: 740px; margin: 0 auto;}
.bot_con_in04 ul {text-align: center;}
.bot_con_in04 li {position: relative;display: inline-block; margin:0 37px 53px; }
.bot_con_in04 li img {vertical-align: top; border: 1px solid #c7c7c7;}

/* 추가 */
.bot_con_in05 {text-align:center; }
.bot_con_in05 img {max-width: 1100px; }

.bot_con_in02 .title02 {display:block; font-size:36px; font-weight:600; padding-bottom:40px; text-align:center; }
.bot_con_in04 .title02 {display:block; font-size:36px; font-weight:600; padding-bottom:60px; text-align:center; margin-top:80px; }
.bot_con_in05 .title02 {display:block; font-size:36px; font-weight:600; padding-bottom:60px; text-align:center; margin-top:80px; }

/* pop */
.bg_pop {display:none; position:fixed; top:0; left:0; height:100%; width:100%;z-index:998;  background:rgba(39,39,39,.8)}
.pop {display:none; overflow:hidden; position:fixed; top:50%; left:0; margin-top:-325px; z-index:999; text-align:left;  width:100%; box-sizing: border-box; }
.pop .pop_con {position:relative;  max-width:584px; height:650px; margin:0 auto; padding:33px 26px 0; box-sizing: border-box;  border:1px solid #dcc5c5c5; background:#fff}
.pop .pop_con .tit {position:relative; display:block; margin:0 0 35px; font-size:18px; line-height:20px; color:#000; font-weight:600}
.pop .pop_box {overflow-y:auto; overflow-x:hidden; height:535px;}
.pop .pop_box img {margin:0 0 16px; max-width: 100%;}
.pop .bt_close {position:absolute; top:26px; right:19px; display:block; }
.pop .bt_detail {position:absolute; top:26px; right:54px; display:block; width:101px; height:29px; padding:0; font-size:16px; line-height:29px; color:#fff; text-align: center; background:#404040}

.m_block {display:inline-block;}
.pc_block {display: block;}
::placeholder {color: #aaa;  opacity: 1;}
:-ms-input-placeholder {color: #aaa;}
::-ms-input-placeholder {color: #aaa;}

@media all and (max-width:980px) {
	.gnb a {margin:0 3%;font-size:14px;}
}