html, body {
    height: 100%;
    /*overflow: hidden;*/
    -webkit-overflow-scrolling: touch;
}


#wrap { position: relative; top:0; left:0; width:100%; height:100%; margin: 0 auto; }
.inner { position: relative; width: 100%; max-width: 1500px; margin: 0 auto; box-sizing: border-box; }
.conInner { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; box-sizing: border-box; }
.footInner { position: relative; width: 100%; max-width: 1500px; margin: 0 auto; padding-left: 30px; padding-right: 30px; box-sizing: border-box; }


/*skip nav*/
#skip_nav{
	position:relative;
}
#skip_nav a{
	position:absolute;
	top:-30px;
	left:0;
	width:130px;
	background-color:#333;
	text-align:center;
	z-index:9999;
}
#skip_nav a:focus{
	top:0;
	outline:1px solid yellow;		
}
#skip_nav span{
	width:100%;
	height:100%;
	color:#fff;
	font-size:12px;
	line-height:20px;
}

/* drag back color */
::-moz-selection {
   background: #f99d33;
   color: #fff;
}
::selection {
   background: #f99d33;
   color: #fff;
}

#superPrinter { display:none; background-color:#ffffff; }
#csaPrintArea { max-width:1280px; margin-left:auto; margin-right:auto; }

/* list page */
.mw1280at { width:1280px; margin:0 auto; }

.bookT { margin-top:80px; }
.bbYear { text-align:center; font-size:74px; padding:20px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.bbl { background-image:url('../../images/list/board_left.png'); background-repeat:repeat-y; background-position:top left; padding-bottom:19px; }
.bbr { background-image:url('../../images/list/board_right.png'); background-repeat:repeat-y; background-position:top right; padding-bottom:19px; }
.board_book { margin:0 64px; background-image:url('../../images/list/board_center.png'); background-repeat:repeat; padding-bottom:19px; }
.board_book:after { display:block; content:""; clear:both; height:0px; }
.board_book li { float:left; width:33%; height:376px; text-align:center; position:relative; }
.board_book li a { display:inline-block; overflow:hidden; }
.board_book li a h5 { margin-top:30px; }
.board_book li a h5 em { display:block; font-size:16px; color:#666; text-align:center; }
.board_book li a h5 strong { margin-top:5px; display:block; font-size:24px; color:#333; text-align:center; }
.board_book li a h5 strong.select { color:#e53e3a; }
.board_book li a:hover .bbImg img, .board_book li a:active .bbImg img { box-sizing:border-box; border:3px solid #ed1c24; 
transition:.3s ease-in;
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in;
-ms-transition:.3s ease-in;
}
.board_book li .thumbImg { display:inline-block; overflow:hidden; cursor:pointer; }
.board_book li .thumbImg h5 { margin-top:30px; }
.board_book li .thumbImg h5 em { display:block; font-size:20px; color:#666; text-align:center; }
.board_book li .thumbImg h5 strong { margin-top:5px; display:block; font-size:18px; color:#333; text-align:center; }
.board_book li .thumbImg h5 strong.select { color:#db867f; }
.board_book li .thumbImg:hover .bbImg img,
.board_book li .thumbImg:active .bbImg img { box-sizing:border-box; border:3px solid #db867f; 
transition:.3s ease-in;
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in;
-ms-transition:.3s ease-in;
}

.board_book li .thumbImg .bbImg { display:block; width:100%; position:absolute; left:0; bottom:20px; text-align:center; background-image:url('../../images/list/book_shadow.png'); background-repeat:no-repeat; background-position:bottom center; padding-bottom:5px; }
.board_book li .thumbImg .bbImg img { width:100%; max-width:192px; box-sizing:border-box; border:3px solid rgba(255,255,255,0); }
.board_book li .thumbImg .bbBtnWrap { display:none; }
.board_book li .thumbImg .bbBtnWrap .bbBtn { }
.board_book li .thumbImg:hover .bbBtnWrap, 
.board_book li .thumbImg:active .bbBtnWrap { display:block; position:absolute;  bottom:12%; left:0; width:100%; z-index:10; text-align:center; }
.board_book li .thumbImg:hover .bbBtnWrap .bbBtn,
.board_book li .thumbImg:active .bbBtnWrap .bbBtn { display:inline-block; padding:5% 10%; }
.board_book li .thumbImg .bbBtnWrap .bbBtn a { min-width:80px; display:block; background-color:#3a3a3a; border:1px solid rgba(255,255,255,0.2); padding:5px 10px; margin:10px 5px; color:#fff; font-size:16px;  
transition:.3s ease-in;
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in;
-ms-transition:.3s ease-in;
}

.board_book li .thumbImg .bbBtnWrap .bbBtn a:hover,
.board_book li .thumbImg .bbBtnWrap .bbBtn a:active { border:1px solid rgba(255,255,255,0.8); background-color:#db867f; }



/* setting */
.gnb { position: absolute; top: 0; left: -270px; width: 350px; height: 100%; background-color: transparent; z-index: 99999; }

.gnb:after { content: ''; clear: both; display: block; }
.gnb .gnbBar,
.gnb .gnbMenu { float: left; }

.gnb .gnbMenu { position: relative; width: 270px; height: 100%; background-color: #ffffff; overflow:hidden; overflow-y: auto;  }
.gnb .gnbMenu .gnbMenuArea { /*position: absolute; top: 7%; left: 15%;*/padding: 20% 10% 30px 10%; overflow-y:auto; }
.gnb .gnbMenu .gnbMenuArea .depth1>em { display: block; font-size: 2rem; line-height: 2.5rem; color: #db867f; font-weight: 600; letter-spacing: 1px; padding:0 5px; }
.gnb .gnbMenu .gnbMenuArea .depth1>a { position: relative; display: block; font-size: 1.6rem; line-height:1.8rem; color: #db867f; font-weight: 500; letter-spacing:-1px; padding:3px 5px;
transition:all .2s ease;
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-o-transition:all .2s ease;
-ms-transition:all .2s ease;
}
.gnb .gnbMenu .gnbMenuArea .depth1-1>em { display: block; font-size: 2rem; line-height: 2.5rem; color: #db867f; font-weight: 600; letter-spacing: 1px; }
.gnb .gnbMenu .gnbMenuArea .depth1-1>a { position: relative; display: block; font-size: 1.6rem; line-height: 2.1rem; color: #db867f; font-weight: 500; letter-spacing:-1px; padding:3px 5px;
transition:all .2s ease;
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-o-transition:all .2s ease;
-ms-transition:all .2s ease;
}
.gnb .gnbMenu .gnbMenuArea .depth1-1>a .subTitTxt { display:inline-block; font-size: 1.4rem; color:rgba(76,75,75,1); padding-left:10px; }
.gnb .gnbMenu .gnbMenuArea .depth1 .d2 { display: none; }
.gnb .gnbMenu .gnbMenuArea .depth1 .d2 li {  }
.gnb .gnbMenu .gnbMenuArea .depth1 .d2 li a { display:block; font-size: 1.4rem; line-height: 1.6rem; color: rgba(76,75,75,1); font-weight: 500; letter-spacing: -.8px; padding:10px 5px 0 10px;
transition:all .3s ease;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
-ms-transition:all .3s ease;
}
.gnb .gnbMenu .gnbMenuArea .depth1 .d2 li a p { font-size: 1.3rem; line-height: 1.8rem; color: rgba(139,151,158,.85); letter-spacing: -0.6px; font-weight: 300; padding-bottom: 7px;
transition:all .3s ease;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
-ms-transition:all .3s ease;
}
.gnb .gnbMenu .gnbMenuArea .depth1 .d2 li a:hover,
.gnb .gnbMenu .gnbMenuArea .depth1 .d2 li a:focus,
.gnb .gnbMenu .gnbMenuArea .depth1 .d2 li a:active { background-color:rgba(0,0,0,0.05); }

.gnb .gnbMenu .gnbMenuArea .depth1-1>a:hover,
.gnb .gnbMenu .gnbMenuArea .depth1-1>a:focus,
.gnb .gnbMenu .gnbMenuArea .depth1-1>a:active { background-color:rgba(0,0,0,0.05); }

.gnb .gnbMenu .gnbMenuArea .depth1>a:hover,
.gnb .gnbMenu .gnbMenuArea .depth1>a:focus,
.gnb .gnbMenu .gnbMenuArea .depth1>a:active,
.gnb .gnbMenu .gnbMenuArea .depth1>a.actvie { background-color:rgba(0,0,0,0.05); }

.gnb .gnbMenu .gnbMenuArea .depth1 .d2 .subTitTxt { display:inline-block; font-size: 1.1rem; color:rgba(76,75,75,1); padding-left:10px; }
.gnb .gnbMenu .gnbMenuArea .depth1 .gnb_sns { margin-top: 10px; padding-top: 10px; border-top: 1px dotted rgba(139,151,158,.5); }
.gnb .gnbMenu .gnbMenuArea .depth1 .gnb_sns li { display: inline-block; margin-right: 5px; margin-top: 10px; }

.gnb .gnbMenu .gnbMenuArea .depth1 .d2 li a:focus p,
.gnb .gnbMenu .gnbMenuArea .depth1 .d2 li a:active p,
.gnb .gnbMenu .gnbMenuArea .depth1 .d2 li a:hover p { color: #fff; }



.depth1L { border-top: 1px dotted #fff; margin-top: 15px; padding-top: 15px; }

.depth1 a .gnb_more { position: absolute; top: 0; right: 5px;
transition:all .3s ease-out;
-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
-o-transition:all .3s ease-out;
-ms-transition:all .3s ease-out;
}
.depth1 a.active .gnb_more { 
  top: 5px;
  right: 5px;
transform:rotate(-540deg);
-webkit-transform:rotate(-540deg);
-moz-transform:rotate(-540deg);
-o-transform:rotate(-540deg);
-ms-transform:rotate(-540deg);
}

.gnbBar { width: 80px; height: 100%; background-color: #db867f; position: relative; }
.gnbBar .gnbOpen { width: 80px; height: 80px; position:relative; cursor: pointer; }
.gnbBar .gnbOpen a { display: block; }
.gnbBar .gnbOpen ul.bars { float:left; overflow:hidden; width: 100%; height: 100%; }
.gnbBar .gnbOpen ul.bars li { width:30px; height:2.5px; background-color:#fff; position:absolute; font-size:0; line-height:0; text-indent:-9999999px; 
transition:all .3s ease-in;
-webkit-transition:all .3s ease-in;
-moz-transition:all .3s ease-in;
-o-transition:all .3s ease-in;
-ms-transition:all .3s ease-in;
}

.gnbBar .gnbOpen a ul.bars li.bar1 { top:35px; right:25px; }
.gnbBar .gnbOpen a ul.bars li.bar2 { top:45px; right:25px; }
.gnbBar .gnbOpen a ul.bars li.bar3 { top:55px; right:25px; }

.gnbBar .gnbOpen.active a ul.bars li.bar1 { top:45px; right:25px; transform:rotate(135deg); }
.gnbBar .gnbOpen.active a ul.bars li.bar2 { top:45px; right:25px; transform:rotate(-135deg); }
.gnbBar .gnbOpen.active a ul.bars li.bar3 { top:45px; right:25px; transform:rotate(135deg); }

/*.gnbBar p.titNum { display: block; font-size: 13px; color: #fff; font-weight: 100; transform: rotate(270deg); position: absolute; bottom: 35%; left: -110px; width: 300px; }*/
.gnbBar p.titTxt { font-family: 'Poppins'; font-size: 1rem; color: #fff; font-weight: 300; position: absolute; bottom:20%; left: -110px; width: 300px; letter-spacing: 2px;
transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg); 
}

/* container contents */
#container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-left: 80px; background-color: transparent; box-sizing: border-box; overflow: hidden; overflow-y: scroll;  }
#container .mConArea { position: relative; width: 100%; height: 100%; }

/* header */
.headWarp { position: relative; width: 100%; max-width: 1600px; margin: 0 auto; padding-left: 30px; padding-right: 30px; box-sizing: border-box; }
#header { width: 100%; height: 120px; }
#header ul:after { content: ''; clear: both; display: block; }
#header ul>li { float: left; width: 33.33333%; }
#header ul .headLogo { margin-top: 20px; }
#header ul .headLogo h1 { max-width: 150px; }
#header ul .headLogo img { width: 100%; }
#header ul .headLogo h1 img.logoTop_m{ display: none; }
#header ul .headSearch { margin-top: 35px; }
#header ul .headNum { font-size: 26px; color: #333; line-height: 30px; font-weight: bold; margin-top: 35px; text-align: right; letter-spacing: -.5px; }

/* footer */
#footer { width: 100%; background-color: #eee; }
#footer ul:after { content: ''; clear: both; display: block; }
#footer ul {  }
#footer ul li { float: left; padding: 30px 0; }
#footer ul li.footLogo { width: 20%; margin-top: 20px; }
#footer ul li.footLogo a { display: block; max-width: 152px; }
#footer ul li.footLogo a img { width: 100%; }
#footer ul li.footTxt { width: 80%; color: #666; text-align: right; font-size: 1.2rem; line-height: 1.8rem; }
#footer ul li.footTxt a{ color: #666; text-align: right; font-size: 1.2rem; line-height: 1.8rem; }

/* swiper */
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; }
.swiper-container-no-flexbox .swiper-slide { float: left; }
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper { position: relative;  width: 100%; height: 100%; z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%; height: 100%; position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank { visibility: hidden; }

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; }
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; }

/* prev n next */
.swiper-button-prev,
.swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; }
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url('../images/main/arrow_ms_left.png');
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {  
  background-image: url('../images/main/arrow_ms_right.png');
  right: 10px;
  left: auto;
}
.swiper-button-lock { display: none; }
.swiper-pagination { position: absolute; text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

/* Bullets */
/*.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; }
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; margin: 0 4px; cursor: pointer; opacity: 0.2; }
.swiper-pagination-bullet-active { opacity: 1; background: #216970; }*/

/* a11y */
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide { pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

/*autoBtn*/
.autoBtnArea { position:absolute; bottom:35px; right:5px; display:inline-block; margin-left:auto; margin-right:auto; max-width:1280px; margin-top:-45px; z-index:1003; }
.autoBtnArea .autoBtn { cursor:pointer; width:13px; height:14px; appearance:none; -webkit-appearance:none; border:0; font-size:0; line-height:0; text-indent:-9999px; border-radius:50%; margin-left:3px; opacity:0.4;
transition:all .2s ease-in;
-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
-ms-transition:all .2s ease-in;
}
.autoBtnArea .autoBtn:hover,
.autoBtnArea .autoBtn:focus { opacity:.7; }
.autoBtnArea .play { background:url(../images/main/btn_play.png) center center no-repeat; outline: none;}
.autoBtnArea .play.active { background:url(../images/main/btn_play_active.png) center center no-repeat; opacity:1; }
.autoBtnArea .stop { background:url(../images/main/btn_stop.png) center center no-repeat; margin-right:15px; outline: none;}
.autoBtnArea .stop.active { background:url(../images/main/btn_stop_active.png) center center no-repeat; opacity:1; }

.content>div { position: relative; width: 100%;margin: 0 auto; box-sizing: border-box; }

/* mainSlide */
.mainSlide { position: relative; }
.mainSlide .msArea { width: 100%; }
.mainSlide .msArea .mstBox { height: 650px; background-repeat:no-repeat; background-size:cover; position: relative; }
.mainSlide .msArea .mstBox a { position: absolute; width: 50%; height: 100%; top: 0; right: 0; background-color: rgba(0,0,0,.45);
transition:all .5s ease-out;
-webkit-transition:all .5s ease-out;
-moz-transition:all .5s ease-out;
-o-transition:all .5s ease-out;
-ms-transition:all .5s ease-out;
}
.mainSlide .msArea .mstBox a dl { position: absolute; top: 21%; left: 15%; transform: translate(-15%,0%); }
.mainSlide .msArea .mstBox a dl dt { font-size: 1.5rem; line-height: 2rem; color: #fff; letter-spacing: -.7px; }
.mainSlide .msArea .mstBox a dl dd em { display: block; margin-top: 20px; font-size: 3.5rem; line-height: 1; color: #fff; font-weight: 500; letter-spacing: -1.5px; }
.mainSlide .msArea .mstBox a dl dd em span { display: inline-block; font-size: 3.5rem;color: #fff; font-weight: 300; line-height: 4.3rem;}
.mainSlide .msArea .mstBox a dl dd em strong { display: inline-block; font-size: 3.5rem; color: #fff; font-weight: 500; line-height: 4.3rem; }
.mainSlide .msArea .mstBox a dl dd p { font-size: 1.5rem; line-height: 2.3rem; color: #fff; letter-spacing: -1px; margin-top: 30px; }
.mainSlide .msArea .mstBox a dl dd span.moreBtn { display: block; width: 250px; border: none; background-color: #db867f; margin-top: 30px; color: #fff; font-size: 15px; cursor: pointer; text-align: center; padding: 12px; }

.mainSlide .msArea .mstBox a:hover,
.mainSlide .msArea .mstBox a:focus,
.mainSlide .msArea .mstBox a:active { background-color: rgba(0,0,0,.7); }

/* mainSlide - bullet */
.mainSlide > .swiper-pagination { bottom: 20px; right: 20px; }
.mainSlide .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #fff; margin: 0 4px; cursor: pointer; opacity: 0.4; }
.mainSlide .swiper-pagination-bullet-active { opacity: 1; background: #db867f; }

/* mainSlide - control */
.mainSlide .autoBtnArea { position:absolute; bottom:22px; right:75px; display:inline-block; margin-left:auto; margin-right:auto; max-width:1280px; margin-top:-45px; z-index:1003; }

/* sec1 */
.sec1 { margin-top: 80px; background-color: #ffffff; position: relative; }
.sec1>h4 { font-size: 55px; color: #f5f5f5; font-weight: bold; letter-spacing: -2px; transform: rotate(270deg); position: absolute; top: 30%; left: -160px; }
.sec1>ul { width: 100%; }
.sec1>ul:after { content: ''; clear: both; display: block; }
.sec1>ul>li { float: left; width: 25%; position: relative; overflow: hidden; box-sizing: border-box; }
.sec1>ul>li a {  }
.sec1>ul>li a img { width: 100%; }
.sec1>ul>li a dl {
transition:all .5s ease-out;
-webkit-transition:all .5s ease-out;
-moz-transition:all .5s ease-out;
-o-transition:all .5s ease-out;
-ms-transition:all .5s ease-out;
}
.sec1>ul>li a dl.txtBtm { position: absolute; bottom: 0; left: 0; background:#fff; width: 100%;  padding: 10px 15px; }
.sec1>ul>li a dl.txtTop { position: absolute; top: 0; left: 0; background:#fff; width: 100%; padding: 10px 15px;  }
.sec1>ul>li a dl dt { display: inline-block; background-color: #db867f; font-size: 19px; line-height: 25px; color: #fff; padding: 0 5px; letter-spacing: -0.5px; font-weight: bold;

transition:all .5s ease-out;
-webkit-transition:all .5s ease-out;
-moz-transition:all .5s ease-out;
-o-transition:all .5s ease-out;
-ms-transition:all .5s ease-out;

}
.sec1>ul>li a dl dd { font-size: 17px; line-height: 18px; color: #666; letter-spacing: -0.5px; margin-top: 5px; }

.sec1>ul>li a:hover dl,
.sec1>ul>li a:focus dl,
.sec1>ul>li a:active dl { padding: 15px 15px 15px; }
.sec1>ul>li a:hover dt,
.sec1>ul>li a:focus dt,
.sec1>ul>li a:active dt { background-color: #595959; }

@media screen and (max-width:800px){  
    .sec1>ul>li { float: left; width: 50%; position: relative; }
    .sec1>ul>li a dl dd { font-size: 12px; line-height: 18px; color: #666; letter-spacing: -0.5px; margin-top: 5px; }
    .sec1>ul>li a dl { }
    .sec1>ul>li a dl.txtBtm {  position: relative;  background:#fff; width: 100%; padding: 10px 5px 15px 5px; }
    .sec1>ul>li a dl.txtTop {  position: relative;  background:#fff; width: 100%; padding: 10px 5px 15px 5px; }

    .sec1>ul>li a:hover dl,
    .sec1>ul>li a:focus dl,
    .sec1>ul>li a:active dl {}
    .sec1>ul>li a:hover dt,
    .sec1>ul>li a:focus dt,
    .sec1>ul>li a:active dt { background-color: #595959; }
 }


/* sec2 */
.sec2 { margin-top: 100px; position: relative; }
.sec2 .msSlide { width:100%; height:100%; }
.sec2 .msSlide:after { content: ''; clear: both; display: block; }

/* sec2 - bullet */
.sec2 .swiper-container-horizontal > .swiper-pagination-bullets { top: 20px; right: 65px; }
.sec2 .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #fff; margin: 0 4px; cursor: pointer; opacity: 0.4; }
.sec2 .swiper-pagination-bullet-active { opacity: 1; background: #db867f; }

/* mainSlide - control */
.sec2 .autoBtnArea { position:absolute; top:60px; right:6px; height: 0; display:inline-block; margin-left:auto; margin-right:auto; max-width:1280px; margin-top:-45px; z-index:1003; }

.sec2 .msSlide .mstBox { float: left; width: 33.333%; background-color: #f99d33; }
.sec2 .msSlide .mstBox a.mstbLink { display:block; 
	transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-o-transition:all .2s ease-in;
	-ms-transition:all .2s ease-in;
}

.sec2 .msSlide .mstBox a.mstbLink dl { position:relative; overflow:hidden; }
.sec2 .msSlide .mstBox a.mstbLink dl dt { width:100%; height:100%; overflow: hidden; }
.sec2 .msSlide .mstBox a.mstbLink dl dt img { width:100%; opacity: 1;
	transition:all .5s ease-in;
	-webkit-transition:all .5s ease-in;
	-moz-transition:all .5s ease-in;
	-o-transition:all .5s ease-in;
	-ms-transition:all .5s ease-in;
}

.sec2 .msSlide .mstBox a.mstbLink dl dd { position:absolute; bottom:0; right:0; z-index:1000; width: 100%; padding: 15px 20px 10px 30px; text-align: center; background-color: #fff; box-sizing: border-box; }
.sec2 .msSlide .mstBox a.mstbLink dl dd h4 { font-size:18px; line-height:20px; color: #333; font-weight: 700; letter-spacing: -1px;
	transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-o-transition:all .2s ease-in;
	-ms-transition:all .2s ease-in;
}
.sec2 .msSlide .mstBox a.mstbLink dl dd p { font-size:17px; line-height:20px; color: #333; opacity:1; margin-top: 5px; letter-spacing: -0.5px;
	transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-o-transition:all .2s ease-in;
	-ms-transition:all .2s ease-in;
}

.sec2 .msSlide .mstBox .mstbLink:hover dl dt img { transform: scale(1.05,1.05); }

/* sec3 */
.sec3 { width: 100%; height: 200px; border: 1px solid #f3f3f3; margin-top: 100px; box-sizing: border-box; }
.sec3:after { content: ''; clear: both; display: block; }
.sec3 .ssArea { overflow: hidden; }
.sec3 .ssArea:after { display:block; content:''; clear:both; height:0; }
.sec3>ul>li { float: left; }

.sec3 .mGsns { width: 30%; border-right: 1px solid #f3f3f3; box-sizing: border-box; }
.sec3 .mGsns a { position: relative; display: block; height: 40px; box-sizing: border-box;
transition:all .35s ease-in;
-webkit-transition:all .35s ease-in;
-moz-transition:all .35s ease-in;
-o-transition:all .35s ease-in;
-ms-transition:all .35s ease-in;
}
.sec3 .mGsns a em { font-family: 'NanumSquareRound'; position: absolute; display: block; top: 26%; right: 15%; font-size: 18px; font-weight: 500; letter-spacing: -1px; text-align: center;
transition:all .35s ease-in;
-webkit-transition:all .35s ease-in;
-moz-transition:all .35s ease-in;
-o-transition:all .35s ease-in;
-ms-transition:all .35s ease-in;
}

.sec3 .mGsns .mGsns_naver { background: url(../images/main/mGsns_naver.png) 15% 50% no-repeat; }
.sec3 .mGsns .mGsns_naverPo { background: url(../images/main/mGsns_naverPo.png) 15% 50% no-repeat; }
.sec3 .mGsns .mGsns_naverKn { background: url(../images/main/mGsns_naverKn.png) 15% 50% no-repeat; }
.sec3 .mGsns .mGsns_youtube { background: url(../images/main/mGsns_youtube.png) 15% 50% no-repeat; }
.sec3 .mGsns .mGsns_facebook { background: url(../images/main/mGsns_facebook.png) 15% 50% no-repeat; }
.sec3 .mGsns .mGsns_insta { background: url(../images/main/mGsns_insta.png) 15% 50% no-repeat; }

.sec3 .mGsns a:hover em,
.sec3 .mGsns a:active em,
.sec3 .mGsns a:focus em { color: #fff; }
.sec3 .mGsns .mGsns_naver:hover,
.sec3 .mGsns .mGsns_naver:active,
.sec3 .mGsns .mGsns_naver:focus { background-color: #00c74b; background-image: url(../images/main/mGsns_naver_hover.png); }

.sec3 .mGsns .mGsns_naverPo:hover,
.sec3 .mGsns .mGsns_naverPo:active,
.sec3 .mGsns .mGsns_naverPo:focus { background-color: #00c74b; background-image: url(../images/main/mGsns_naverPo_hover.png); }


.sec3 .mGsns .mGsns_youtube:hover,
.sec3 .mGsns .mGsns_youtube:active,
.sec3 .mGsns .mGsns_youtube:focus { background-color: #ff0000; background-image: url(../images/main/mGsns_youtube_hover.png); }

.sec3 .mGsns .mGsns_naverKn:hover,
.sec3 .mGsns .mGsns_naverKn:active,
.sec3 .mGsns .mGsns_naverKn:focus { background-color: #00c74b; background-image: url(../images/main/mGsns_naverKn_hover.png); }

.sec3 .mGsns .mGsns_facebook:hover,
.sec3 .mGsns .mGsns_facebook:active,
.sec3 .mGsns .mGsns_facebook:focus { background-color: #3b5998; background-image: url(../images/main/mGsns_facebook_hover.png); }

.sec3 .mGsns .mGsns_insta:hover,
.sec3 .mGsns .mGsns_insta:active,
.sec3 .mGsns .mGsns_insta:focus { background-color: #db2e78; background-image: url(../images/main/mGsns_insta_hover.png); }

.sec3 .mGservice { width: 70%; height: 200px; background-color: #f5f5f5; }
.sec3 .mGservice ul { max-width: 800px; margin-left: auto; margin-right: auto; }
.sec3 .mGservice ul:after { content: ''; clear: both; display: block; }
.sec3 .mGservice ul li { float: left; width: 25%; text-align:center; margin-top: 10px;}
.sec3 .mGservice ul li a {  }
.sec3 .mGservice ul li a .img_serv { display:inline-block; width: 45px; height: 45px; border-radius: 100%; padding: 20px; background-color: #ccc; margin-top: 30px;
transition:all .35s ease-in;
-webkit-transition:all .35s ease-in;
-moz-transition:all .35s ease-in;
-o-transition:all .35s ease-in;
-ms-transition:all .35s ease-in;
}
.sec3 .mGservice ul li a .img_serv img { width: 100%; }
.sec3 .mGservice ul li a strong { display: block; font-weight: 500; font-size: 19px; line-height: 30px; color: #ccc; letter-spacing: -1px; margin-top: 10px;
transition:all .35s ease-in;
-webkit-transition:all .35s ease-in;
-moz-transition:all .35s ease-in;
-o-transition:all .35s ease-in;
-ms-transition:all .35s ease-in;
}

.sec3 .mGservice ul li a:hover .img_serv { background-color: #db867f; }
.sec3 .mGservice ul li a:hover strong { color: #db867f; }

/* sec4 */
.sec4 { width: 100%; background-color: #dedede; padding: 30px 0; margin-top: 70px; overflow: hidden; }
.wrapSub .sec4 { margin-top: 0; }
.sec4 h3 { font-family: 'Poppins'; font-size: 3rem; font-weight: bold; color: #fff; text-align: center; }
.sec4 ul { max-width: 600px; margin-left: auto; margin-right: auto; margin-top: 20px; }
.sec4 ul:after { content: ''; clear: both; display: block; }
.sec4 ul li { float: left; width: 20%; text-align: center; }
.sec4 ul li a { display: inline-block; width:60px; height: 60px; background-position: 50% 50%; background-repeat: no-repeat;
transition:all .35s ease-in;
-webkit-transition:all .35s ease-in;
-moz-transition:all .35s ease-in;
-o-transition:all .35s ease-in;
-ms-transition:all .35s ease-in;
}

.sec4 ul li.share_twitter a { background-image: url(../images/common/share_twitter.png); }
.sec4 ul li.share_facebook a { background-image: url(../images/common/share_facebook.png); }
.sec4 ul li.share_blog a { background-image: url(../images/common/share_blog.png); }
.sec4 ul li.share_band a { background-image: url(../images/common/share_band.png); }
.sec4 ul li.share_story a { background-image: url(../images/common/share_story.png); }

.sec4 ul li.share_twitter a:hover,
.sec4 ul li.share_twitter a:active,
.sec4 ul li.share_twitter a:focus { background-image: url(../images/common/share_twitter_hover.png); }
.sec4 ul li.share_facebook a:hover,
.sec4 ul li.share_facebook a:active,
.sec4 ul li.share_facebook a:focus { background-image: url(../images/common/share_facebook_hover.png); }
.sec4 ul li.share_blog a:hover,
.sec4 ul li.share_blog a:active,
.sec4 ul li.share_blog a:focus { background-image: url(../images/common/share_blog_hover.png); }
.sec4 ul li.share_band a:hover,
.sec4 ul li.share_band a:active,
.sec4 ul li.share_band a:focus { background-image: url(../images/common/share_band_hover.png); }
.sec4 ul li.share_story a:hover,
.sec4 ul li.share_story a:active,
.sec4 ul li.share_story a:focus { background-image: url(../images/common/share_story_hover.png); }

.secEve:after { content: ''; clear: both; display: block; }
.secEve .secEveL,
.secEve .secEveR { width: 100%; }

#scrollTop { position:fixed; z-index:9999; bottom:15px; right:25px; width:35px; height:35px; }
#scrollTop .scrTopBtn { display:block; width:50px; height:50px;
transition:all .2s ease-in;
-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
-ms-transition:all .2s ease-in;
}


/* sub */
/* sub common */
.subVisual { position: relative; width: 100%; height: auto; background-color: #000; }
.subVisual .subVisImg { width: 100%; opacity: .8; }
.subVisual dl { position: absolute; width: 100%; top: 50%; left: 0; text-align: center;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-moz-transform: translateY(-50%);
}
.subVisual dl dt { font-size: 2rem; color: #fff; letter-spacing: -0.8px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); }
.subVisual dl dd { font-size: 4.5rem; color: #fff; font-weight: 700; letter-spacing: -0.8px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); }
.subVisual span.det { position: absolute; bottom: 5px; left: 5px; font-size: 13px; line-height: 18px; color: #fff; font-weight: 400; letter-spacing: -0.8px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); }
.subVisual .url_print { position: absolute; bottom: 0; right: 0; }
.subVisual .url_print:after { content: ''; clear: both; display: block; }
.subVisual .url_print li { float: left; padding: 20px; }
.subVisual .url_print li.icoUrl { background-color: #f7f7f7; }
.subVisual .url_print li.icoUrl a { }
.subVisual .url_print li.icoPrint { background-color: #db867f; }
.subVisual .url_print li.icoPrint a {  }

.written_ap { background-color: #7d4d23; border-radius: 40px;}

.con1_5_dl { position:relative; overflow:hidden; }
.con1_5_dl:after { display:block; content:""; clear:both; height:0; }
.con1_5_dl dt { float:left; width:10%; margin-right: 3%;}
.con1_5_dl dd { float:right; width:87%; }

/*.con2_1bg {background-image:url(../images/contents/con2_1_bg.png); background-repeat:repeat; background-size: contain;}*/

.con2_1bg1 {background-image:url(../images/contents/con2_1_bg1.png); background-repeat:repeat; background-size: contain;}
.con2_1bg2 {background-image:url(../images/contents/con2_1_bg2.png); background-repeat:repeat; background-size: contain;}
.con2_1bg3 {background-image:url(../images/contents/con2_1_bg3.png); background-repeat:repeat; background-size: contain;}

.con2_1_dl { position:relative; overflow:hidden; }
.con2_1_dl:after { display:block; content:""; clear:both; height:0; }
.con2_1_dl dt { float:left; width:20%; margin-right: 3%;}
.con2_1_dl dd { float:right; width:77%; }

.con2_2_dl { position:relative; overflow:hidden; }
.con2_2_dl:after { display:block; content:""; clear:both; height:0; }
.con2_2_dl dt { float:left; width:20%; margin-right: 3%;}
.con2_2_dl dd { float:right; width:77%; }

.con2_2bg1 {background-image:url(../images/contents/con2_2_bg1.png); background-repeat:repeat; background-size: contain;}
.con2_2bg2 {background-image:url(../images/contents/con2_2_bg2.png); background-repeat:repeat; background-size: contain;}
.con2_2bg3 {background-image:url(../images/contents/con2_2_bg3.png); background-repeat:repeat; background-size: contain;}

.con2_3_dl { position:relative; overflow:hidden; }
.con2_3_dl:after { display:block; content:""; clear:both; height:0; }
.con2_3_dl dt { float:left; width:23%; }
.con2_3_dl dd { float:right; width:70%; margin-left:3%; padding-left:3%; border-left:1px solid #de4d8e; }

.con2_3_dl2 { position:relative; overflow:hidden; }
.con2_3_dl2:after { display:block; content:""; clear:both; height:0; }
.con2_3_dl2 dt { float:left; width:77%; margin-right: 3%;}
.con2_3_dl2 dd { float:right; width:20%; }

.con2_3_sec:after { content: ''; clear: both; display: block; height: 0; }
.con2_3_sec .con2_3_secL { float: left; width: 13%; margin-right: 2%; }
.con2_3_sec .con2_3_secC { float: left; width: 15%;  margin-right: 2%;}
.con2_3_sec .con2_3_secR { float: left; width: 68%; }
.con_tableImg1{ display: none; }

.con3_1_dl { position:relative; overflow:hidden; }
.con3_1_dl:after { display:block; content:""; clear:both; height:0; }
.con3_1_dl dt { float:left; width:60%; margin-right: 3%;}
.con3_1_dl dd { float:right; width:37%; }

.con3_2_sec:after { content: ''; clear: both; display: block; height: 0; }
.con3_2_sec .con3_2_secL { float: left; width: 25%; margin-right: 3%; }
.con3_2_sec .con3_2_secR { float: left; width: 72%; }

.con1_4_sec:after { content: ''; clear: both; display: block; height: 0; }
.con1_4_sec .con1_4_secL { float: left; width: 40%; margin-right: 3%; }
.con1_4_sec .con1_4_secR { float: left; width: 57%; }

.con3_3_sec:after { content: ''; clear: both; display: block; height: 0; }
.con3_3_sec .con3_3_secL { float: left; width: 30%; margin-right: 5%; }
.con3_3_sec .con3_3_secR { float: left; width: 65%; }

.con_reader_qb { width: 100%; background-color:#f5e0e1; padding: 30px; box-sizing: border-box; border-radius: 20px; }
.con_reader_qb2 { background-color: rgba(255,255,255,.7); border-radius: 20px; }

.preview_dl { position:relative; overflow:hidden; }
.preview_dl:after { display:block; content:""; clear:both; height:0; }
.preview_dl dt { float:left; width:15%; margin-right: 3%;}
.preview_dl dd { float:right; width:82%; }

.con_2_2text { display: none; }
.con_1_1text { display: none; }


/*210708_02_04*/
.subTitle_text { display: none; }

.con0_0_bg { background-image:url(../images/contents/con0_0_bg.jpg); background-repeat: no-repeat; background-size: 100%;}
.con1_2_back {background-image:url(../images/contents/con1_2_back.jpg); background-position:top center; background-repeat: no-repeat; background-size: cover;}

/*.con1_3_ulbg1 { background-image: url(../images/contents/con1_3_ulbg1.jpg); }*/
.con1_4_bg {background-image:url(../images/contents/con1_4_bg.jpg); background-repeat:repeat; background-size: contain;}
/*.con1_5_bg {background-image:url(../images/contents/con1_5_bg.png); background-repeat:no-repeat; background-position-x:50%; }*/
.con1_5_bg {background-image:url(../images/contents/con1_5_bg.jpg);}
.con1_5_bg2 {background-image:url(../images/contents/con1_5_bg2.jpg);}

.con2_1_back {background-image:url(../images/contents/con2_1_back.jpg); background-repeat:repeat;}

.con2_2bg {background-image:url(../images/contents/con2_2bg.jpg); background-repeat:repeat; background-size: contain;}

.con2_4_dl:after { content: ''; clear: both; display: block; height: 0; }
.con2_4_dl dt { float: left; width: 30%; margin-right: 5%; }
.con2_4_dl dd { float: left; width: 65%; }


.con2_4_dl2:after { content: ''; clear: both; display: block; height: 0; }
.con2_4_dl2 dt { float: left; width: 20%; }
.con2_4_dl2 dd { float: left; width: 80%;  box-sizing: border-box; }

.sub_infoT { width:100%;}
.sub_infoT th { font-size: 17px; font-weight: 600; line-height: 30px; padding-top: 20px;}
.sub_infoT td { font-size: 17px; line-height: 30px; text-align: justify; padding-top: 10px;}
.sub_infoT td a { font-size: 17px; line-height: 30px; text-align: justify;}


.sub_info_h:hover { background-color: #a98fc2;}
.sub_info_h a:hover { color: #fff;} 

/*독자엽서*/
/*.conMail { margin-top: 70px; }
.conMail .inputForm dl dt { font-size:17px; line-height:25px; font-weight:bold; color:#333; }
.conMail .inputForm dl dt em { font-size:16px; line-height:22px; font-weight:bold; color:#666; }
.conMail .inputForm dl dt .tip { margin-top:8px; display:block; font-size:12px; line-height:16px; color:#f56b27; }
.conMail .inputForm dl dd { margin:10px 0 0 0; background-color:#fff;  position:relative; overflow:hidden; }
.conMail .inputForm dl dd input { height:16px; line-height:16px; border:0; font-size:14px; color:#333; }
.conMail .inputForm dl dd textarea { width:100%; height:60px; line-height:14px; font-size:14px; color:#333; resize:none; border:0; }*/

.inputForm fieldset { /*padding:0 20px 20px 20px;*/ border:none; margin-top:20px; }
.inputForm fieldset legend { font-size:17px; line-height:22px; font-weight:bold; color:#666; }

/* checkBox */
.part_check h4 { font-size: 16px; }
.subscbChk li { }
.subscbChk li label { padding-left:5px; font-size:16px; font-weight:400; color:#333; }

/* radio */
.agree .agree_box { height: 330px; overflow-y: auto; margin-bottom:20px;}

/* subPaging */
.subPaging { width: 100%; margin-top: 120px; }
.subPaging:after { content: ''; clear: both; display: block; }
.subPaging>li { float: left; width: 50%; box-sizing: border-box; }
.subPaging>li a { display: block; background: #000 url(../images/sub/sp_back.png) top center; }
.subPaging>li a dl { position: relative; margin-bottom: 0; }
.subPaging>li a dl dt img { width: 100%; vertical-align: middle; opacity: .55;
transition:all 1s ease-out;
-webkit-transition:all 1s ease-out;
-moz-transition:all 1s ease-out;
-o-transition:all 1s ease-out;
-ms-transition:all 1s ease-out;
}
.subPaging>li a dl dd { color: #fff; font-size: 4rem; font-weight: 400; letter-spacing: -2px; position: absolute; top: 32%;
transition:all 1s ease-out;
-webkit-transition:all 1s ease-out;
-moz-transition:all 1s ease-out;
-o-transition:all 1s ease-out;
-ms-transition:all 1s ease-out;
}
.subPaging>li.sPprev a dl dd { left: 10%; }
.subPaging>li.sPnext a dl dd { right: 10%; }
.subPaging>li a dl dd span { color: #fff; font-size: 4rem; font-weight: bold; }
.subPaging>li a:hover dl dt img,
.subPaging>li a:active dl dt img,
.subPaging>li a:focus dl dt img { opacity: 0.1; }
.subPaging>li.sPprev a:hover dl dd,
.subPaging>li.sPprev a:active dl dd,
.subPaging>li.sPprev a:focus dl dd { left: 8.5%; }
.subPaging>li.sPnext a:hover dl dd,
.subPaging>li.sPnext a:active dl dd,
.subPaging>li.sPnext a:focus dl dd { right: 8.5%; }

/* reader page */
.conMail { padding:15px 15px 20px 15px; max-width:1000px; margin:30px auto; background-color:#fff; border-top: 1px dotted #999;
     transition:1s ease-in;
    -webkit-transition:1s ease-in;
    -moz-transition:1s ease-in;
    -o-transition:1s ease-in;
    -ms-transition:1s ease-in;
}
.conMail .inputForm em { font-size:19px; line-height:27px; font-weight:900; }
/*.conMail .inputForm dl { margin:20px 0 0 0; }*/
.conMail .inputForm dl dt { font-size:16px; line-height:22px; font-weight:500; color:#333; }
.conMail .inputForm dl dt em { font-size:16px; line-height:22px; font-weight:bold; color:#333; }
.conMail .inputForm dl dt .tip { margin-top:8px; display:block; font-size:12px; line-height:20px; color:#216970; }
.conMail .inputForm dl dd { margin:10px 0 0 0; background-color:#fff; border-radius:0px; border:1px solid #ccc; position:relative; overflow:hidden; }
.conMail .inputForm dl dd input { width:100%; height:30px; line-height:16px; border:0; font-size:14px; color:#333; box-sizing: border-box; }
.conMail .inputForm dl dd textarea { width:100%; height:50px; line-height:14px; font-size:14px; color:#333; resize:none; border:0; }

.inputForm fieldset { /*padding:0 20px 20px 20px;*/ border:none; margin-top:20px; }
.inputForm fieldset legend { font-size:16px; line-height:22px; font-weight:bold; color:#216970; }

.file_input_position { position:absolute; top:0; right:0; z-index:10; }
.file_input_div { position:relative; width:100px; height:36px; overflow:hidden; }
.file_input_textbox_layer { margin-right:110px; cursor:pointer; }
.conMail .inputForm dl dd input.file_input_textbox { color:#666; }
input[type="file"] { cursor:pointer !important; }
::-webkit-file-upload-button { cursor:pointer !important; }
.conMail .inputForm dl dd input.file_input_button { display:block; width:100px; height:36px; line-height:36px; position:absolute; top:0px; background-color:#0a184e; color:#fff; border-style:solid; }
.conMail .inputForm dl dd input.file_input_button:hover { background-color:#000; }
.conMail .inputForm dl dd input.file_input_hidden { display:block; font-size:45px; height:36px; line-height:36px; position:absolute; right:0px; top:0px; opacity:0; 
filter:alpha(opacity=0);
-ms-filter:"alpha(opacity=0)";
-khtml-opacity:0;
-moz-opacity:0;
}

.conMail textarea.qTxtArea02 { display: block; width: 100%; height: 70px; font-size: 14px; line-height: 20px; padding: 10px; resize: none; border: 1px solid #ccc; box-sizing: border-box; }

/* checkBox */
.part_check h4 { font-size: 16px; }
.subscbChk li { }
.subscbChk li label { padding-left:5px; font-size:16px; font-weight:400; color:#333; }

/* radio */
.agree .agree_box { height: 330px; overflow-y: auto; margin-bottom:20px; }

.textLayer dt { font-size:16px; line-height:22px; color:#221e1f; }
.textLayer dd { width:100%; border:1px solid #ccc; padding:5px; }
.textLayer dd input { width:100%; font-size:16px; line-height:22px; color:#221e1f; border:0; }
.textLayer .boxing { border:1px solid #ccc; padding:10px; }
.textLayer .boxing textarea { width:100%; height:150px; resize:none; border:0; }
.textLayer .boxing.con_uEve_url textarea { width:100%; height:50px; resize:none; border:0; }
.radioLayer input[type="radio"] { vertical-align:middle; }
.radioLayer label { display:inline-block; vertical-align:middle; font-size:16px; line-height:22px; }
.rc_submit input { cursor:pointer; display:inline-block; padding:8px 15px; background-color:#221e1f; border:0; color:#f7f7f7; font-size:24px;
transition:all .3s ease-in;
-webkit-transition:all .3s ease-in;
-moz-transition:all .3s ease-in;
-o-transition:all .3s ease-in;
-ms-transition:all .3s ease-in;
}
.rc_submit input:hover,
.rc_submit input:active { background-color:#db867f; }


/* checkBox */
.part_check { margin:0 0 20px}
.part_check h4{ font-size: 16px; line-height: 27px; color: #666; font-weight: bold; }
.familyChk {  }
.familyChk li { display:inline-block; margin:8px 10px 0 0; line-height:18px; /*background-repeat:no-repeat; background-position:left center; background-image:url('../images/common/partOff.png');*/ }
.familyChk li label { padding-left:10px; font-size:16px; font-weight:bold; color:#666; }
.familyChk li.cbChk { /*background-image:url('../images/common/partOn.png');*/ }

.agree { margin:20px auto 0 auto; overflow:hidden; background-color:#fff; }
.agree .agreeTit { display: block; margin:5px 0 0 0; color:#216970; font-size:16px; font-weight: 500; }
.agree_check li { font-size: 16px; line-height: 26px; color: #db867f; font-weight: bold; }
.agree_check li label { font-size: 15px; line-height: 24px; color: #db867f; font-weight: bold; margin-top: 10px; margin-left: 5px; }

.promotionWrap { width:100%; height:100%; overflow:hidden; overflow-y:auto; }

.btn_pm { display:inline-block; padding:10px 15px; background-color:#aaa; border:none; color:#fff; font-size:16px; font-weight:bold; line-height:22px; border-radius:5px; 
transition:all .3s ease-in;
-webkit-transition:all .3s ease-in;
-moz-transition:all .3s ease-in;
-o-transition:all .3s ease-in;
-ms-transition:all .3s ease-in;
}

.btn_pm:hover,.btn_pm:active { background-color:#05aac4; color: #fff; }

/* 즉석당첨 */
/*instant*/
.instant_goods:after { content: ''; display: block; clear: both; }
.instant_goods { margin:0; padding:0; }
.instant_goods .instant_goods1 { max-width: 400px; margin-left: auto; margin-right: auto; padding:0; }
.instant_goods .instant_goods1 dl { margin:0; }

.instant_detail { position: relative; background-color:#964e42; padding: 10px 35px 25px; }
.instant_detail dl { line-height: 28px; }
.instant_detail dl:after { content: ''; display: block; clear: both; }
.instant_detail dt { float: left; height: auto; color: #fff; font-size: 18px; margin-right: 30px; }
.instant_detail dd { float: left; color: #fff; font-size: 17px; margin-left: 0; word-break: break-all; }

.evt_frm>dt { /*box-sizing: border-box;*/ }
.evt_info { padding-left: 0; margin: 0; }
.evt_frm .evt_info { text-align: center; padding-left: 0; margin: 0; }
.evt_frm .evt_info dl { min-height:100px; position: relative; max-width: 300px; margin: -20px auto 0; line-height: 22px; padding: 20px; background:#eee; text-align: center; letter-spacing: -0.5px; /*box-sizing: border-box;*/ }
.evt_frm .evt_info dt { font-size: 16px; margin-bottom: 10px; font-weight: bold; margin:0;}
.evt_frm .evt_info dd.evt_infoClo { font-size: 15px; line-height: 20px; margin-left: 0 !important; margin-top: 10px; }
.evt_frm .evt_info dd.evt_infoNum { margin-left: 0; }
.evt_frm .evt_info dd.evt_infoNum ul { margin:0; padding-left: 0; }
.evt_frm .evt_info dd.evt_infoNum li { display: inline-block; font-size: 15px; line-height: 21px; padding-left: 0; }
.evt_frm .evt_info dd.evt_infoNum li label { font-size: 15px; color: red; font-weight: 700; margin:0px; display: inline-block;}

.evt_frm .evt_info dd.evt_tiB { display: block; margin-top: 15px; margin-left: 0; }
.evt_frm .evt_info dd a.evt_tiBtn,
.evt_frm .evt_info dd a.evt_tiBtn2 { border:none; /*box-sizing: border-box;*/ max-width: 150px; margin: 10px auto 0; padding: 5px 15px; }

.evt_frm .evt_info dd a.evt_tiBtn { font-size: 15px; color: #fff; font-weight: 700; background-color: #db867f; cursor: pointer;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;    
 }
.evt_frm .evt_info dd a.evt_tiBtn:hover,
.evt_frm .evt_info dd a.evt_tiBtn:focus,
.evt_frm .evt_info dd a.evt_tiBtn:active { color: #db867f; background:#fff; }
.evt_frm .evt_info dd a.evt_tiBtn2 { font-size: 15px; color: #fff; font-weight: 400; background-color: #999; cursor: text; }

/*.inst_back { background: url(../images/contents/instant/1909/instant_back.jpg); }*/

/*instant3,4*/  
.content { position: relative; }
.content .evt_prev { position: absolute; left: 0px; top: 0px; display: block; padding: 5px 10px; background-color:#999; color:#fff; font-size: 17px; letter-spacing: -0.6px; font-weight: 500; 
  -webkit-appearance:none;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
}
.content .evt_prev:hover,
.content .evt_prev:focus,
.content .evt_prev:active { background-color:#2d2d2d; }

.btnEvtgetArea { height:36px; }

#btn_evtget { display:inline-block; padding:6px 26px; background-color:#db867f; border:2px solid #db867f; font-size: 17px; color: #fff; border-radius:10px; line-height: 20px; font-weight: bold; cursor: pointer; 
  -webkit-appearance:none;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
}
#btn_evtget:hover,
#btn_evtget:focus,
#btn_evtget:active { background-color:#fff; color:#db867f; }
#btn_evtClo { display: inline-block; margin-top: 30px; padding: 10px 30px; background: #eee; font-size: 17px; border-radius: 10px; }

.evt_more { max-width: 400px; margin: 50px auto 0; padding: 15px 20px; border: 3px solid #d9d9d9; border-radius: 30px; }
.evt_more .evt_info li { padding-left:0; display: inline-block; font-size: 17px; line-height: 17px; margin-top:3px; margin-bottom:3px; }
.evt_more .evt_info li label { font-size: 17px; color: red; font-weight: 700; display: inline-block; margin:0; } 

/* event pop layer */
#showBox { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; background: url(../images/common/blk_1x1_080.png); overflow:hidden; overflow-y:auto; z-index: 999999; }
/* 마진탑 조절 #eventPopWrap { background-color: #fff; margin-top: 9%;
  margin-left: auto;
  margin-right: auto;
  max-width: 580px;
  overflow: hidden;
}
#eventPopWrap .eventPopWin { max-width: 580px; height: 620px; overflow-y: auto; }
#eventPopWrap .eventPopFail { max-width: 580px; height: 220px; }*/
#eventPopWrap { 
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#eventPopWrap .eventPopWin {    
    width: 100%; 
    max-width: 580px;
    height: 660px;
    background: #fff;
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -310px;
    margin-left: -290px;
    overflow-y: auto; 
}
#eventPopWrap .eventPopFail {     
    max-width: 580px;
    height: 220px;
    background: #fff;
    position: relative;
    top: 50%;
    margin-top: -110px;
    left: 50%;
    margin-left: -290px;
}
#eventPopWrap h3 { background-color: #db867f; padding: 10px 20px; font-size: 18px; color: #fff; font-weight: 400; text-align: center; margin-top: 0; margin-bottom: 0;}

#eventPopWrap .evt_win_form li { width: 100%; border:1px solid #ccc; padding:5px; } 
#eventPopWrap .evt_win_form li input { width: 100%; font-size:14px; line-height:20px; color:#666; border: 0; height: auto; padding:0; }
#eventPopWrap .evt_win_form li textarea { width: 100%; font-size:14px; line-height:20px; color:#666; border: 0; height: auto; padding:0; resize: none; }

#eventPopWrap .mailtre { display: inline-block; width: 150px; padding:16px; background-color:#db867f; font-size: 14px; color: #fff !important; border:2px #db867f solid; height:auto; border-radius:0; line-height:0; cursor:pointer; 
  -webkit-appearance:none;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
}
#eventPopWrap .mailtre:hover,
#eventPopWrap .mailtre:focus,
#eventPopWrap .mailtre:active { background-color:#fff; color:#db867f !important; }
#eventPopWrap .inst_cancel { display: inline-block; width: 150px; padding:16px; background-color:#999; font-size: 14px; color: #fff !important; border:2px #999 solid; height:auto; border-radius:0; line-height:0; cursor:pointer; 
  -webkit-appearance:none;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
}
#eventPopWrap .inst_cancel:hover,
#eventPopWrap .inst_cancel:focus,
#eventPopWrap .inst_cancel:active { color: #2d2d2d !important; border:2px #2d2d2d solid; background-color:#fff; }

#eventPopWrap .evt_win_form li.inputHid { border: none; height: 0; }

.evt_win_form { padding-left: 0; margin: 0; }
.wintxt { margin-top: 5px; padding-left: 0; }
.wintxt>li { padding-left: 0; }

/*win list*/
.go_winList { display: block; color: #333; max-width: 220px; margin-left: auto; margin-right: auto; margin-top: 50px; font-size: 16px; letter-spacing: 2px; border-bottom: 1px solid #666; border-top: 1px solid #666;
padding: 7px 0;
transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
}
.go_winList:hover,
.go_winList:active,
.go_winList:focus { color: #db867f; }


/*win list*/
.ins_w_list { border-top: 1px solid #ddd; }
.ins_w_listDt { overflow: hidden; border-bottom: 1px solid #ddd; }
.ins_w_listDt:after { content: ''; clear: both; display: block; height: 0; }
.ins_w_listDtL { float: left; width: 25%; overflow: hidden; padding: 15px 0 0; }
.ins_w_listDtR { float: left; width: 73%; margin-left: 1.8%; padding: 30px 0; letter-spacing: -0.6px; }

.ins_w_listDtL em { float: left; font-size: 14px; color: #333; line-height: 23px; text-align: center; padding-top: 50px; }
.ins_w_listDtL span { display: inline-block; width: 30px; float: left; font-size: 15px; }
.ins_w_listDtL span img { display: inline-block; width: 250px; margin-left: auto; margin-right: auto; }

.ins_w_listDtR .ins_w_goods { font-size: 16px; color: #333; line-height: 25px; font-weight: bold; }
.ins_w_listDtR .ins_w_list_info { font-size: 14px; color: #333; line-height: 25px; font-weight: bold; margin-top: 5px; }
.ins_w_listDtR .ins_w_list_name { font-size: 15px; margin-right: 10px; }
.ins_w_listDtR .ins_w_list_num { font-size: 14px; color: #fff; font-weight: bold; background-color: #999; border-radius: 15px; padding: 5px 15px; }
.ins_w_list_msg { margin-top: 10px; font-size: 14px; line-height: 23px; }
.ins_w_list_date { margin-top: 5px; font-size: 11px; line-height: 17px; color: #999; }

.set_paging { overflow:hidden; margin-bottom:10px; text-align:center; }
.set_paging .spp { display:inline-block; *display:inline; _display:inline; font-size:17px; line-height:23px; color:#333; 
transition:all .2s ease-in;
-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
-ms-transition:all .2s ease-in;
}
.set_paging .sppNum { display:inline-block; *display:inline; _display:inline; text-align:center; font-size:17px; line-height:23px; color:#888888; }
.set_paging .sppLink { display:inline-block; *display:inline; _display:inline; font-size:16px; line-height:23px; color:#2d2d2d; margin-left:3px; margin-right:3px; padding:3px 9px;
transition:all .2s ease-in;
-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
-ms-transition:all .2s ease-in;
}
.set_paging .sppLink:hover,
.set_paging .sppLink:focus,
.set_paging .sppLink:active { color:#20409a; } 
.set_paging .sppLink.active { color:#fff; font-weight:bold; background-color:#20409a; } 

/*유튜브 반응형 스타일 적용*/
.videowrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 비율인 경우 */
  /* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */
  padding-top: 0;
  height: 0;
}

.videowrapper embed,
.videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*유튜브 게시 전 동영상 반응형 스타일 적용*/
video.subVid {  
  display: block;
  width:100%; 
  max-width:640px; 
  height:auto; 
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.photo2Type1 { overflow:hidden; }
.photo2Type1:after { display:block; content:""; clear:both; height:0; }
.photo2Type1>li { width:49%; float:left; 
  transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in;
  -moz-transition:all .3s ease-in;
  -o-transition:all .3s ease-in;
  -ms-transition:all .3s ease-in;
}
.photo2Type1>li.pt2L { margin-right:0.5%; }
.photo2Type1>li.pt2R { margin-left:0.5%; }

.photo2Type2 { overflow:hidden; }
.photo2Type2:after { display:block; content:""; clear:both; height:0; }
.photo2Type2>li { width:48%; float:left; 
  transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in;
  -moz-transition:all .3s ease-in;
  -o-transition:all .3s ease-in;
  -ms-transition:all .3s ease-in;
}
.photo2Type2>li.pt2L { margin-right:2%; }
.photo2Type2>li.pt2R { margin-left:2%; }

.photo2Type3 { overflow:hidden; }
.photo2Type3:after { display:block; content:""; clear:both; height:0; }
.photo2Type3>li { width:50%; float:left; 
  transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in;
  -moz-transition:all .3s ease-in;
  -o-transition:all .3s ease-in;
  -ms-transition:all .3s ease-in;
}
.photo2Type3>li.pt2L { margin-right:0; }
.photo2Type3>li.pt2R { margin-left:0; }


.photo3Type1 { overflow:hidden; }
.photo3Type1:after { display:block; content:""; clear:both; height:0; }
.photo3Type1>li { width:32%; float:left; 
  transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in;
  -moz-transition:all .3s ease-in;
  -o-transition:all .3s ease-in;
  -ms-transition:all .3s ease-in;
}
.photo3Type1>li.pt3L { margin-right:2%; }
.photo3Type1>li.pt3R { margin-left:2%; }

.photo3Type2 { overflow:hidden; }
.photo3Type2:after { display:block; content:""; clear:both; height:0; }
.photo3Type2>li { width:33%; float:left; 
  transition:all .3s ease-in;
  -webkit-transition:all .3s ease-in;
  -moz-transition:all .3s ease-in;
  -o-transition:all .3s ease-in;
  -ms-transition:all .3s ease-in;
}
.photo3Type2>li.pt3L { margin-right:0.5%; }
.photo3Type2>li.pt3R { margin-left:0.5%; }

.photo3Type3 { overflow:hidden; }
.photo3Type3:after { display:block; content:""; clear:both; height:0; }
.photo3Type3>li { width:30%; float:left; }
.photo3Type3>li.pt3L { margin-right:5%; }
.photo3Type3>li.pt3R { margin-left:5%; }

.photo4Type1 { overflow: hidden; }
.photo4Type1:after { display:block; content:""; clear:both; height:0; }
.photo4Type1>li { width: 23%; float: left; padding-left: 0; margin-left:1%; margin-right:1%; }
.photo4Type1>li.pt4a { margin-left:1%; margin-right:1%; }
.photo4Type1>li.pt4b { margin-left:1%; margin-right:1%; }
.photo4Type1>li.pt4c { margin-left:1%; margin-right:1%; }

.photo4Type2 { overflow: hidden; }
.photo4Type2:after { display:block; content:""; clear:both; height:0; }
.photo4Type2>li { width: 24%; float: left; padding-left: 0; margin-right:1%; }
.photo4Type2>li.pt4a { margin-right:1%; }
.photo4Type2>li.pt4b { margin-right:1%; }
.photo4Type2>li.pt4c { margin-right:1%; }

/* sub contents */
.con01_back { background:url(../images/contents/con01_back.jpg); }
.sub1_5bc { background-image:url(../images/contents/con1_5bc.jpg);}
.con2_4_back { background:url(../images/contents/con2_4_back.jpg); }
.con2_5_back { background:url(../images/contents/con2_5_back.jpg); }
.con05_back { background:url(../images/contents/con05_back.jpg); }

.con06_tiLine { width: 100%; height: 90px; background:url(../images/contents/con06_tiLine.jpg) center center no-repeat; }

.circle { display: block; width:600px; height: 600px; background-color: rgba(255,255,255,0.4); border-radius: 100%; z-index: 1; }

.con3_2_T1 { width: 100%; }
.con3_2_T1 thead th { background-color: #d2d3ea; font-size: 18px; font-weight: 600; border-top:2px solid #333; border-bottom:2px solid #333; border-right: 1px solid #333; text-align: center;}
.con3_2_T1 tbody td { font-size: 17px; border-bottom:2px solid #333; border-right: 1px solid #333; text-align: center; color: #333;}
.con3_2_T1 .brn { border-right: none; }

.con3_2_T1_2 { width: 100%; }
.con3_2_T1_2 th { background-color: #d2d3ea; font-size: 18px; font-weight: 600; border-top:2px solid #333; border-bottom:2px solid #333; border-right: 1px solid #333; text-align: center; padding-left: 5px; padding-right: 5px;}
.con3_2_T1_2 td { font-size: 17px; border-bottom:2px solid #333; border-right: 1px solid #333; text-align: center; color: #333; border-top:2px solid #333;}
.con3_2_T1_2 .brn { border-right: none; }

.con3_3_table { width: 100%; }
.con3_3_table thead th { background-color: #fee3ce; text-align: center; }
.con3_3_table thead th,
.con3_3_table tbody th,
.con3_3_table tbody td { font-size: 16px; line-height: 25px; padding: 3px; border-top: 1px solid #333; border-right: 1px solid #333; }

.con3_4_table { width: 100%; border:2px solid #000000; }
.con3_4_table thead th { background-color:#BEC2DE; text-align: center; font-weight: 600; font-size: 20px; padding:5px;border-right: 1px solid #000; border-bottom: 1px solid #000; }
.con3_4_table tbody td { font-size: 17px; text-align: center; padding: 5px; border-right: 1px solid #000; border-bottom: 1px solid #000;}

.con3_4_padding {padding-right: 60px; padding-left: 60px;}

.con_news_title { max-width: 1280px; height: auto; background:url(../images/contents/con_news_ti.jpg) center center no-repeat; background-size: contain; }


/* media query */

@media screen and (max-width:1920px){ 
  .con0_0_1 { display:none; }
}

@media screen and (max-width:1500px){ 
  .subPaging>li a dl dd,
  .subPaging>li a dl dd span { font-size: 3rem; } 
}

@media screen and (max-width:1400px){ 
  .mainSlide .msArea .mstBox a dl { left: 22%; transform: translate(-22%,0%); }
  /*.mainSlide .msArea .mstBox a dl dd em { font-size: 2.5rem; line-height: 3.3rem; }*/
  .mainSlide .msArea .mstBox a dl dd em span,
  .mainSlide .msArea .mstBox a dl dd em strong { font-size: 2.8rem; line-height: 3.3rem;}
}
@media screen and (max-width:1344px){ 
  .con1_4_ddd { 
  padding-bottom: 38px; }
}

@media screen and (max-width:1314px){ 
  .con1_4_1dd { padding-bottom: 20px; }
}

@media screen and (max-width:1299px){ 
  .con_tableImg1{display: block;}
  .con_tableTxt{display: none;}
}

@media screen and (max-width:1280px){ 
  /* mainSlide */
  .mainSlide .msArea .mstBox { height: 580px; }
  #header ul .headLogo h1 img.logoTop { display: none; }
  #header ul .headLogo h1 img.logoTop_m { display: block; max-width: 100px; margin-top: -16px;}
  /*#header ul .headLogo h1 img { background-image: url(./images/common/logoTop_m.png); }*/
  /*#header ul .headLogo h1 { max-width: 100px; }*/

  /* list page*/
  .mw1280at { width:100%; max-width:1280px; margin:0 auto; }
  .bookT { margin-top:20px; } 
  .bbYear { font-size:54px; } 
  .board_book { margin:0; } 
  .board_book li { width:50%; }

	/* gnb */
	.gnb { width: 270px; }
	.gnbBar { width: 55px; height: 60px; position:absolute; top:0; left:270px; }
	.gnbBar .gnbOpen { width: 55px; height: 55px; }
	.gnbBar .gnbOpen ul.bars { float:left; overflow:hidden; width: 100%; height: 100%; }
	.gnbBar .gnbOpen ul.bars li { width:25px; height:2.5px;	}
	.gnbBar .gnbOpen a ul.bars li.bar1 { top: 20px; right: 15px; }
	.gnbBar .gnbOpen a ul.bars li.bar2 { top: 28px; right: 15px; }
	.gnbBar .gnbOpen a ul.bars li.bar3 { top: 36px; right: 15px; }
	.gnbBar .gnbOpen.active a ul.bars li.bar1 { top:30px; right:15px; transform:rotate(135deg); }
	.gnbBar .gnbOpen.active a ul.bars li.bar2 { top:30px; right:15px; transform:rotate(-135deg); }
	.gnbBar .gnbOpen.active a ul.bars li.bar3 { top:30px; right:15px; transform:rotate(135deg); }
	.gnbBar p.titNum,
	.gnbBar p.titTxt { display: none; }

	/* header */
	#header { height: 60px; }
	#header ul .headSearch { margin-top: 3px; }
	#header ul .headNum { font-size: 16px; line-height: 18px; letter-spacing: -0.3px; margin-top: 13px; }

	.content>div { max-width: 100%; padding-left: 0; padding-right: 0; }
	
	.headWarp { padding-left: 60px; padding-right: 15px; }
	#container { padding-left: 0; }
  .sec1, .sec2, .sec3 { margin-top: 70px; }

}

@media screen and (max-width:1120px){
	/* sec3 */
	.sec3 .mGsns a em { font-size: 17px; }

	.sec3 .mGservice ul { margin-top: 5px; }
	.sec3 .mGservice ul li a .img_serv { display:inline-block; width: 35px; height: 35px; }
	.sec3 .mGservice ul li a strong { font-size: 19px; letter-spacing: -0.7px; }

  .conNewsDeco img {display: none;}

  /* sec4 */
  .sec3,
  .sec4  { margin-top: 50px; }
  .sec4 h3 { font-size: 2.3rem }

  /* sub */
  .subVisual .url_print li { padding: 15px; }
  .subVisual dl dt { font-size: 1.8rem; }
  .subVisual dl dd { font-size: 3rem; }

  .subPaging>li a dl dd,
  .subPaging>li a dl dd span { font-size: 2.3rem; } 
}


@media screen and (max-width:1173px){
  .campaign .photo2Type3 { display: none; }
  .con0_0_1 { display:block; }
}


@media screen and (max-width:1188px){
  .con1_4_6dd { padding-bottom: 28px; }
}

@media screen and (max-width:1078px){
  .mainSlide .msArea .mstBox a .main_dl_long { top:10%; }
}

@media screen and (max-width:1050px){
  .con_news_title { background-image: none; }
}

@media screen and (max-width:980px){
  .sec1, .sec2, .sec3 { margin-top: 50px; }

	/* sec1 */
	.sec1>ul>li { width: 50%; }

	/* footer */
	#footer ul li { width: 100% !important; display: block; clear: both; }
  #footer ul li.footLogo,
	#footer ul li.footTxt { width: 100%; display: block; clear: both; text-align: center; }
  #footer ul li.footLogo { padding-top: 20px; padding-bottom: 10px; }
  #footer ul li.footLogo a { max-width: 140px; margin-left: auto; margin-right: auto; }
  #footer ul li.footTxt { font-size: 1.05rem; line-height: 1.5rem; padding-top: 5px; padding-bottom: 20px; }

  /* sub */
  .subPaging { margin-top: 70px; }
}

@media screen and (max-width:970px){
  .con1_1_m1 { padding-top: 37px;  padding-bottom: 23px;}
  .con1_1_m4 { padding-bottom: 60px;}
}

@media screen and (max-width:1050px){
  .con_news_title { background-image: none; }
}

@media screen and (max-width:935px){

  .con1_4_sec .con1_4_secL,
  .con1_4_sec .con1_4_secR { width: 100%; margin-right: 0; }

  .con3_2_sec .con3_2_secL,
  .con3_2_sec .con3_2_secR { width: 100%; margin-right: 0; }

  .con3_3_sec .con3_3_secL,
  .con3_3_sec .con3_3_secR { width: 100%; margin-right: 0; }
}

@media screen and (max-width:950px){
  .sub1_04txtAj { text-align: justify;}  

  .con2_2_dl dt { float: none; width: 100%; margin-right:0;}
  .con2_2_dl dt img { margin: 0 auto;}
  .con2_2_dl dd { float: none; width: 100%; }
  .con2_2_dl_img { max-width: 200px; }

  .preview_dl dt {  float: none; width: 100%; margin-right:0;}
  .preview_dl dd {  float: none; width: 100%}
}

@media screen and (max-width:900px){
  .mainSlide .msArea .mstBox a dl dd em { font-size: 2rem;}
  .mainSlide .msArea .mstBox a dl dd em span,
  .mainSlide .msArea .mstBox a dl dd em strong { font-size: 2rem; line-height: 2.8rem; }
}

@media screen and (max-width:860px){
	/* mainSlide */
	.mainSlide .msArea .mstBox { height: 520px; }
	.mainSlide .msArea .mstBox a dl dt { font-size: 1.3rem; line-height: 1.9rem; }
	.mainSlide .msArea .mstBox a dl dd em { font-size: 2.2rem; }
	.mainSlide .msArea .mstBox a dl dd p { font-size: 1.5rem; line-height: 2rem; }
	.mainSlide .msArea .mstBox a dl dd span.moreBtn { max-width: 200px; }

	/* sec1 */
  .sec4 { margin-top: 0; }

	/* sec3 */
  .sec3 { border: 0; height: auto; }
  .sec3 ul li.mGsns,
  .sec3 ul li.mGservice { display: block; width: 100%; clear: both; }

	.sec3 .mGservice ul { margin-top: 10px; }
	.sec3 .mGservice ul li a .img_serv { display:inline-block; width: 25px; height: 25px; }
	.sec3 .mGservice ul li a strong { font-size: 17px; letter-spacing: -0.7px; }
  
  /* sub */
  .subVisual dl dt { font-size: 1.5rem; }
  .subVisual dl dd { font-size: 2.3rem; }

  .subPaging>li a dl dd,
  .subPaging>li a dl dd span { font-size: 2rem; } 
}

@media all and (max-width:780px){ 
  .subPaging .spWrap div { width: 50% !important; }
  .subPaging .spWrap div.spLeft { margin-right: 0 !important; }
  .subPaging .spWrap div.spRight { margin-left: 0 !important; }

  .subVisual span.det { max-width: 400px; }
  .con1_5_letter { margin-top: 0; }
  /*.con1_5_bg { background-image: none; background-color: #f4f4f4;  padding-bottom: 50px;}*/

}

@media screen and (max-width:720px){
    .gnb .gnbMenu .gnbMenuArea { padding: 10% 10% 30px 10%; }    

	/* mainSlide */
	.mainSlide .msArea .mstBox { height: 420px; }
  .mainSlide .msArea .mstBox a dl { left: 20%; top: 18%; transform: translate(-20%,0%); }
	.mainSlide .msArea .mstBox a dl dt { font-size: 1.3rem; line-height: 1.8rem; }
	.mainSlide .msArea .mstBox a dl dd em { font-size: 1.7rem; margin-top: 10px;}
  .mainSlide .msArea .mstBox a dl dd em span,
  .mainSlide .msArea .mstBox a dl dd em strong { font-size: 1.7rem; line-height: 2.3rem;}
	.mainSlide .msArea .mstBox a dl dd p { font-size: 1.2rem; line-height: 1.7rem; margin-top: 20px;}
	.mainSlide .msArea .mstBox a dl dd span.moreBtn { max-width: 135px; padding: 8px; }

	/* sec1 */
	.sec1, .sec2, .sec3 { margin-top: 0; }

	/* sec3 */
	.sec2 .msSlide .mstBox a.mstbLink dl dd { padding: 10px 20px; text-align: center; }
	.sec2 .msSlide .mstBox a.mstbLink dl dd h4 { font-size: 18px; }
	.sec2 .msSlide .mstBox a.mstbLink dl dd p { font-size: 16px; }

  /*sub*/
  .subPaging>li a dl dd { top:30%; }
  .subPaging>li a dl dd,
  .subPaging>li a dl dd span { font-size: 1.8rem; } 

  .con_1_1Img { display: none; }
  .con_1_1text { display: block; }
  .con_2_2text { display: block; }
  .con_2_2Img { display: none; }
}

@media screen and (max-width:680px){
  .headWarp { padding-left: 60px; padding-right: 15px; }
  #header ul .headNum { font-size: 13px; line-height: 15px; margin-top: 15px; }

	/* sec3 */
	/*.sec3>ul>li { width: 100%; display: block; clear: both; }*/
	.sec3 .mGservice ul { margin-top: 15px; }
	.sec3 .mGservice ul li a .img_serv { display:inline-block; width: 20px; height: 20px; }
	.sec3 .mGservice ul li a strong { font-size: 1.3rem; letter-spacing: -1px; }

  /* sub */
  .subVisual dl dt { font-size: 1.3rem; }
  .subVisual dl dd { font-size: 1.7rem; }

  .subPaging>li a dl dd { top: 28%; }

  .subVisual .url_print li { padding: 10px; }
}

@media screen and (max-width:680px){
  .sub2_3txtAj { text-align: justify; }
}


@media all and (max-width:600px){ 
  .mainSlide .msArea .mstBox a { width: 57%; }

  .subPaging>li a dl dd,
  .subPaging>li a dl dd span { font-size: 1.6rem; }

  .subTitle_text { display: block; }
  .subTitle_img { display: none; }

  .con1_5_dl dt { float: none; width: 100%; margin-right:0;}
  .con1_5_dl dt img { margin: 0 auto;}
  .con1_5_dl dd { float: none; width: 100%; }

  .con2_1_dl dt { float: none; width: 100%; margin-right:0;}
  .con2_1_dl dt img { margin: 0 auto;}
  .con2_1_dl dd { float: none; width: 100%; }
  .con2_1_dl_img { max-width: 200px; }

  .con2_3_dl dt { float: none; width: 100%;}
  .con2_3_dl dt img { margin: 0 auto;}
  .con2_3_dl dd { margin-left:0; padding-left:0; border:none; float: none; width: 100%; }
  
  .con2_3_dl2 dt{float: none; width: 100%; margin-right:0;}
  .con2_3_dl2 dt img{ margin: 0 auto;}
  .con2_3_dl2 dd { float: none; width: 100%; }

  .con2_4_dl dt { float: none; width: 100%; margin-right: 0; }
  .con2_4_dl dt img { margin: 0 auto;}
  .con2_4_dl dd { float: none; width: 100%; margin-right: 0;  margin-top:20px;}

  .con3_1_dl dt{float: none; width: 100%; margin-right:0;}
  .con3_1_dl dt img{ margin: 0 auto;}
  .con3_1_dl dd {  float: none; width: 100%; }

  .con3_4_padding {padding-right: 20px; padding-left: 20px;}

  .photo2Type1>li { width:100%; 
      transform:rotateY(360deg);
    -webkit-transform:rotateX(360deg);
    -moz-transform:rotateX(360deg);
    -o-transform:rotateX(360deg);
    -ms-transform:rotateX(360deg);
  }
  .photo2Type1>li.pt2L { margin-right:0; }
  .photo2Type1>li.pt2R { margin-left:0; }

  .photo2Type2>li { width:100%; 
      transform:rotateY(360deg);
    -webkit-transform:rotateX(360deg);
    -moz-transform:rotateX(360deg);
    -o-transform:rotateX(360deg);
    -ms-transform:rotateX(360deg);
  }
  .photo2Type2>li.pt2L { margin-right:0; }
  .photo2Type2>li.pt2R { margin-left:0; }

  .photo2Type3>li { width:100%; 
      transform:rotateY(360deg);
    -webkit-transform:rotateX(360deg);
    -moz-transform:rotateX(360deg);
    -o-transform:rotateX(360deg);
    -ms-transform:rotateX(360deg);
  }
  .photo2Type3>li.pt2L { margin-right:0; }
  .photo2Type3>li.pt2R { margin-left:0; }

  .photo3Type1>li { width:100%; 
      transform:rotateY(360deg);
    -webkit-transform:rotateX(360deg);
    -moz-transform:rotateX(360deg);
    -o-transform:rotateX(360deg);
    -ms-transform:rotateX(360deg);
  }
  .photo3Type1>li.pt3L { margin-right:0; }
  .photo3Type1>li.pt3R { margin-left:0; }

  .photo3Type2>li { width:100%; }
  .photo3Type2>li.pt3L { margin-right:0; }
  .photo3Type2>li.pt3R { margin-left:0; }

  .photo3Type3>li { width:100%; }
  .photo3Type3>li.pt3L { margin-right:0; }
  .photo3Type3>li.pt3R { margin-left:0; }

  .photo4Type1>li { width: 100%; clear: both; display: block; }
  .photo4Type1>li.pt4a { margin-left:0; margin-right:0; }
  .photo4Type1>li.pt4b { margin-left:0; margin-right:0; }
  .photo4Type1>li.pt4c { margin-left:0; margin-right:0; }

  .photo4Type2>li { width: 100%; clear: both; display: block; }
  .photo4Type2>li.pt4a { margin-right:0; }
  .photo4Type2>li.pt4b { margin-right:0; }
  .photo4Type2>li.pt4c { margin-right:0; }

  .sub1_04mtM { margin-top: -20px; }
}

@media screen and (max-width:580px){
  
  #eventPopWrap .eventPopWin { max-width: 650px; left: 0; margin-left: 0; padding-bottom: 60px; }
  .con1_1_m1 { margin-top: 50px; }
  .con1_1_m2 { margin-top: 50px; }
  .con1_4_dd { padding-bottom: 10px; }
}

@media screen and (max-width:570px){
  .con1_1_border { display: block;  margin-left: auto; margin-right: auto;}
  .con2_2_border { display: block;  margin-left: auto; margin-right: auto;}
}

@media screen and (max-width:540px){
  /* header */
  #header ul>li.headSearch { width: 49%;  margin-left: 15%; }
  #header ul>li.headNum { /*width: 27%;*/ display: none; }


	/* mainSlide */
	.mainSlide .msArea .mstBox { height: 350px; }
  .mainSlide .msArea .mstBox a dl { top: 18%; left: 18%; transform: translate(-20%,0%); padding: 10px; }
	.mainSlide .msArea .mstBox a dl dt { font-size: 12px; line-height: 12px; }
  .mainSlide .msArea .mstBox a dl dd em { font-size: 18px; margin-top: 10px; }
  .mainSlide .msArea .mstBox a dl dd em span,
	.mainSlide .msArea .mstBox a dl dd em strong { font-size: 18px; line-height: 23px;}
	.mainSlide .msArea .mstBox a dl dd p { font-size: 13px; line-height: 19px;  }
	.mainSlide .msArea .mstBox a dl dd span.moreBtn { max-width: 120px; padding: 5px; margin-top: 15px; }

	/* sec1 */
  .sec1>ul>li a dl dt { font-size: 13px; line-height: 20px; }

	/* sub */
  .subPaging>li a dl dd { top: 27%; }
  .subPaging>li a dl dd, 
  .subPaging>li a dl dd span { font-size: 1.3rem; }
  
  .subVisual span.det { max-width: 230px; }
  .subVisual span.det { bottom: 2px; left: 2px; font-size: 10px; line-height: 12px; }
}

@media screen and (max-width:502px){
  .mainSlide .msArea .mstBox a dl { top: 5%; }
  /* sub */
  .con1_6_span { font-size: 20px; }
}

@media screen and (max-width:460px){
  .mainSlide .msArea .mstBox a dl { top: 5%; }
  /* sub */
  .subVisual dl dt { font-size: 1rem; }
  .subVisual dl dd { font-size: 1.45rem; }
  .subVisual span.det { max-width: 460px; }

  .subVisual .url_print { bottom: -43px; }

  .subPaging>li.sPprev a dl dd { left: 1%; }
  .subPaging>li.sPnext a dl dd { right: 1%; }

  .subPaging>li a dl dd { top: 25%; }
  .subPaging>li a dl dd, .subPaging>li a dl dd span { font-size: 0.99rem; }

}

@media screen and (max-width:440px){
  .sub1_4_highway { display:inline-block; }
  .sub1_4area {  display: none; }
}

@media screen and (max-width:394px){
.preview_M { letter-spacing: -2px; }
}

@media screen and (max-width:388px){
  .sec1>ul>li a dl dd { font-size: 10px; line-height: 12px; }
}

@media screen and (max-width:376px){
.mainSlide .msArea .mstBox a .main_dl_long { top:-1px; }
}

@media all and (max-width: 320px){
  .board_book li { width:100%; }
  .board_book li a h5 { margin-top:30px; }
  .board_book li .bbImg img { width:100%; }

  .sec1>ul>li a dl dt { font-size: 15px; }
  .sec1>ul>li a dl dd { font-size: 14px; line-height: 17px; }
}