@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400|Source+Code+Pro');

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


#wrap { position: relative; top:0; left:0; width:100%; height:100%; margin: 0 auto; }
.inner { position: relative; max-width: 1400px; margin: 0 auto; }
.conInner { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; 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;
}

@charset "UTF-8";

.con_list_back { width: 100%; background:url(../images/contents/con_list_back.jpg) top center repeat; }

/* header */
#header { width: 100%; height:90px; background: rgba(255,255,255,1); position:absolute; z-index:9999; }
#header .headL { position:absolute; top: 13px; left: 20px; }
#header .headL h1 {  }
#header .headL h1 a { display: block; max-width: 150px; }
/*#header .headL h1 a img,
#header .headL h1 a span,
#header .headR .enLink
 { float: left; }*/
#header .headL h1 a img { width: 100%; }
#header .headL h1 a span { display:block; font-size: 11px; line-height: 13px; color: #666; font-weight: 100; letter-spacing: -0.2px; margin-top: 13px; margin-left: 8px; display: none; }

#header .headR { position:absolute; top: 0; right: 0; text-align: right; }
#header .headR:after { content:''; clear: both; display: block; }
#header .headR .enLink{

    display: block;
    width: 44px;
    height: 30px;
    background: url(../images/common/enLink.png) 0 0 no-repeat;
    background-size: cover;
    margin: 30px 15px 0 0;
}
#header .headR .search,
#header .headR .gnb { float: left; }
#header .headR .search { display:block; margin-top: 13px; margin-right: 30px; }
#header .headR .gnb { width: 90px; height: 90px; background-color: #0186cc; position:relative; cursor: pointer; }
#header .headR .gnb a { display: block; }
#header .headR .gnb ul.bars { float:left; overflow:hidden; }
#header .headR .gnb 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;
}

#header .headR .gnb a ul.bars li.bar1 { top:35px; right:30px; }
#header .headR .gnb a ul.bars li.bar2 { top:45px; right:30px; }
#header .headR .gnb a ul.bars li.bar3 { top:55px; right:30px; }

#header .headR .gnb.active a ul.bars li.bar1 { top:45px; right:30px; transform:rotate(135deg); }
#header .headR .gnb.active a ul.bars li.bar2 { top:45px; right:30px; transform:rotate(-135deg); }
#header .headR .gnb.active a ul.bars li.bar3 { top:45px; right:30px; transform:rotate(135deg); }

#header.hFix { position:fixed; background-color: rgba(255,255,255,1); opacity:0.9; 
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
}
#header.hFix:hover { opacity:1; }

.gnbOpen.hFix { background-color: rgba(255,255,255,.9); z-index:9999;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
}
.header_fix_wrap{
  position: fixed;
  top: 200px;
  right: 0;
  z-index: 99999; 
}
.header_fix_wrap2{
  position: relative;
}
.header_fix_wrap .header_fix_icon {
  position: absolute;
  top: 0px;
  right: 0;
  width: 90px;
}
.header_fix_wrap .header_fix_icon .icon_sns { overflow: hidden; }
.header_fix_wrap .header_fix_icon .icon_sns li{
  display: inline-block;
  width: 50%;
}
.header_fix_wrap .header_fix_icon .read_btn{
  width: 100%;
  height:90px;
  background-color: #333333;
}
.header_fix_wrap .header_fix_icon .read_btn a{
  display: block;
  text-align: center;
  padding: 12px 0;
}
.header_fix_wrap .header_fix_icon .read_btn span{
  font-size: 12px;
  color: #ffffff;
  display: block;
  text-align: center;
  margin-top: 6px;
  line-height: 15px;
}
.header_fix_wrap .header_fix_icon .survey_btn{
  width: 100%;
  height: 30px;
  background-color: #901607;
}
.header_fix_wrap .header_fix_icon .survey_btn a{
  display: block;
  text-align: center;
  padding: 5px;
} 
.header_fix_wrap .header_fix_icon .survey_btn a span{
  font-size: 12px;
  color: #ffffff;
}
.header_fix_wrap .header_fix_icon_mo {
  background:url('../images/common/header_fix_icon_mo_btn.jpg') no-repeat;
  position: absolute;
  right: 0;
  top: 70px;
  width: 22px;
  height: 45px;
  display: none;
}
.header_fix_wrap .header_fix_icon_mo.on {
  background:url('../images/common/header_fix_icon_mo_btn_on.jpg') no-repeat;
}
.header_fix_wrap .header_fix_icon_mo a{
  display: block;
  height: 100%;
}
.gnbOpen.hFix:hover { background-color: rgba(255,255,255,1); }

/* gnb */
.gnbOpen { width: 350px; height: 100%; background-color: rgba(255,255,255,1); position: fixed; top: 90px; right: -350px; z-index: 99999; overflow-y: auto; box-sizing: border-box; }
.gnbOpen:after { content: ''; clear: both; display: block; }
.gnbOpen .gnbWrap { padding: 5% 10% 30%; }
.gnbOpen .gnbWrap>ul {  }
.gnbOpen .gnbWrap>ul.gnbArea {  }
.gnbOpen .gnbWrap>ul.gnbArea .m { display: none; }
.gnbOpen .gnbWrap>ul.gnbArea .m li { margin-top: 10px; }
.gnbOpen .gnbWrap>ul.gnbArea .m li a { font-size: 1.4rem; line-height: 2rem; font-weight: 500; letter-spacing: -0.8px; }
.gnbOpen .gnbWrap>ul.gnbArea .m li a span { display: block; font-size: 1.25rem; line-height: 1.8rem; font-weight: 300; letter-spacing: -0.8px; }
.gnbOpen .gnbWrap>ul.gnbArea .m li a:active,
.gnbOpen .gnbWrap>ul.gnbArea .m li a:focus,
.gnbOpen .gnbWrap>ul.gnbArea .m li a:hover {  }

.gnbOpen .gnbWrap>ul.gnbArea li>a,
.gnbOpen .gnbWrap>ul.servArea li>a { font-size: 1.8rem; line-height:2.5rem; font-weight: 500; letter-spacing: -.5px;
transition:all .2s ease-out;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
-ms-transition:all .2s ease-out;
}

.gnbOpen .gnbWrap>ul.servArea li { border-bottom: 1px dotted #ddd; padding-bottom: 10px; }
.gnbOpen .gnbWrap>ul.gnbArea li>a:hover,
.gnbOpen .gnbWrap>ul.gnbArea li>a:active,
.gnbOpen .gnbWrap>ul.gnbArea li>a:focus,
.gnbOpen .gnbWrap>ul.servArea li>a:hover,
.gnbOpen .gnbWrap>ul.servArea li>a:active,
.gnbOpen .gnbWrap>ul.servArea li>a:focus { color: #0186cc; }

.gnbOpen .gnbWrap>ul.gnbArea li>a.active,
.gnbOpen .gnbWrap>ul.servArea li>a.active { color: #0186cc; }


.depth1 { position: relative; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; }
.depth1 a .gnb_more { position: absolute; top: -5px; right: 0;
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: 3px;
transform:rotate(-540deg);
-webkit-transform:rotate(-540deg);
-moz-transform:rotate(-540deg);
-o-transform:rotate(-540deg);
-ms-transform:rotate(-540deg);
}

/* footer */
#footer { width: 100%; background-color: #004d75; padding: 4.5rem 0; overflow: hidden; }
#footer ul:after { content: ''; clear: both; display: block; }
#footer ul .footL,
#footer ul .footR { float: left; width: 50%; padding-left: 20px; box-sizing: border-box; }

#footer ul .footR .foot_copy { margin-bottom: 5px; }
#footer ul .footR .foot_copy span { display: inline-block; color: #bdc0ca; font-size: 1.2rem; line-height: 1.8rem; font-weight: 300; }

#footer ul .footR li.pre a,
#footer ul .footR li.newsletter a { color: #bdc0ca; font-size: 1.3rem; line-height: 1.8rem; font-weight: 500; 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;
}
#footer ul .footR li.sns a { margin-right: 5px; }

#footer ul .footR li.pre a:hover,
#footer ul .footR li.pre a:active,
#footer ul .footR li.pre a:focus,
#footer ul .footR li.newsletter a:hover,
#footer ul .footR li.newsletter a:active,
#footer ul .footR li.newsletter a:focus { color: #fff; }
#footer ul .footR li.newsletter p { border-top: 1px solid rgba(255,255,255,.2); margin-top: 15px; padding-top: 10px; }

#container { width:100%; min-height:800px; }
#container:before { display:block; content:""; height:90px; }

#scrollTop { position:fixed; z-index:9999; bottom:10px; right:15px; width:50px; height:50px; }
#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;
}

/* 즉석당첨 */
/*instant*/
.instant_goods:after { content: ''; display: block; clear: both; }
.instant_goods { margin:0; padding:0; text-align:center; }
.instant_goods .instant_goods1 { display:inline-block; width:32%; margin: 0.66666667%; 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: #216970; 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: #216970; 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:#216970; border:2px solid #216970; 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:#216970; }
#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: #216970; 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:#216970; font-size: 14px; color: #fff !important; border:2px #216970 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:#216970 !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: #216970; }


/*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; } 


/* Slider */
.slick-slider { position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-list { position:relative; display:block; overflow:hidden; margin:0; padding:0; }
.slick-list:focus { /*outline:none;*/ }
.slick-list.dragging { cursor:pointer; cursor:hand; }
.slick-slider .slick-track,.slick-slider .slick-list { -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.slick-track { position:relative; top:0; left:0; display:block; }
.slick-track:before,.slick-track:after { display:table; content:''; }
.slick-track:after { clear:both; }
.slick-loading .slick-track { visibility:hidden; }
.slick-slide { display:none; float:left; height:100%; min-height:1px; }
[dir='rtl'] .slick-slide { float:right; }
.slick-slide img { /* display:block; */ }
.slick-slide.slick-loading img { display:none; }
.slick-slide.dragging img { pointer-events:none; }
.slick-initialized .slick-slide { display:block; }
.slick-loading .slick-slide { visibility:hidden; }
.slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent; }
.slick-arrow.slick-hidden { display:none; }
.slider-nav { width:100%; max-width:1020px; }
.slick-prev,.slick-next { font-size:0; line-height:0; position:absolute; top:50%; display:block; width:64px; height:64px; padding:0; -webkit-transform: translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); cursor:pointer; color:transparent; /*outline:none;*/ background:transparent; z-index:1000; }
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus { color:transparent; /*outline:none;*/ background:transparent; }
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before, .slick-next:focus:before { opacity:1; color:#f14b4b; }
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before { opacity:.25; }
.slick-prev:before,.slick-next:before { font-size:34px; line-height:34px; line-height:1; color:#ccc; opacity:.75; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.slick-prev { left:25px; }
[dir='rtl'] .slick-prev { right:-25px; left:auto; }
.slick-prev:before { content:'←'; }
[dir='rtl'] .slick-prev:before { content:'→'; }
.slick-next { right:25px; }
[dir='rtl'] .slick-next { right:auto; left:-25px; }
.slick-next:before { content:'→'; }
[dir='rtl'] .slick-next:before { content:'←'; }

/* Dots */
.slick-dotted.slick-slider {  }
.slick-dots { padding:0; margin:0; list-style:none; text-align:center; }
.slick-dots li { cursor:pointer; }
.slick-dots li button { width:100%; height:100%; cursor:pointer; color:transparent; border:0; /*outline:none;*/ background:transparent; }
.slick-dots li button:hover,.slick-dots li button:focus { /*outline:none;*/ }
.slick-dots li button:hover:before,.slick-dots li button:focus:before { opacity:1; }
.slick-dots li.slick-active button:before { opacity:.75; color:black; }

.mainSlide { position:relative; }
.mainSarea { width:100%; height:100%; position:relative; }
.mainSarea .slick-dots { position:absolute; bottom:15px; z-index:1002; right: 75px; }
.mainSarea .slick-dots li { display:inline-block; margin:0 3px; width:13px; height:13px; border: 1px solid #fff; opacity:1; border-radius:50%; }
.mainSarea .slick-dots li.slick-active { opacity:1; background-color: #fff; }
.mainSarea .slick-list { height:100%; }
.mainSarea .slick-list .slick-track { height:100%; }
.mainSarea.w100per { width:100%; }

.mainSarea .mstBox { height:700px; background-repeat:no-repeat; background-size: 100%; background-attachment: fixed; background-position:center top; }
.mainSarea .mstBox.mstBoxM1 { background-image:url('images/main/mainVisual01.jpg'); }
.mainSarea .mstBox.mstBoxM2 { background-image:url('images/main/mainVisual02.jpg'); }
.mainSarea .mstBox.mstBoxM3 { background-image:url('images/main/mainVisual03.jpg'); }
.mainSarea .mstbLinkArea div.mstbLink { position: absolute; top: 40%; left: 50%; transform: translateX(-50%) translateY(-52%); text-align: center; opacity: 0;
transition:all .8s ease-out;
-webkit-transition:all .8s ease-out;
-moz-transition:all .8s ease-out;
-o-transition:all .8s ease-out;
-ms-transition:all .8s ease-out;
}
.mainSarea .mstbLinkArea div.mstbLink dl dt { font-size: 1.9rem; color: #fff; font-weight: 400; letter-spacing: -1px; margin-bottom: 2rem; }
.mainSarea .mstbLinkArea div.mstbLink dl dt>span { display: block; max-width: 40px; margin-left: auto; margin-right: auto; height: 3px; background-color: #fff; margin-top: 20px; }
.mainSarea .mstbLinkArea div.mstbLink dl dd p strong { display: inline-block; font-size: 4.2rem; line-height: 5rem; font-weight: 700; letter-spacing: -1px; color: #fff; }
.mainSarea .mstbLinkArea div.mstbLink dl dd p span { display: inline-block; font-size: 3.5rem; line-height: 4.5rem; font-weight: 100; color: #fff; letter-spacing: -1px; }
.mainSarea .mstbLinkArea div.mstbLink dl dd button { color: #fff; background-color: #0186cc; border: 1px solid #0186cc; letter-spacing: -0.5px; padding: 1rem 5rem; 
  margin-top: 3rem; font-size: 1.4rem; border-radius: 25px; cursor: pointer;
  transition: all .4s ease-out;
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  -ms-transition: all .4s ease-out;
}

.mainSarea .mstbLinkArea div.mstbLink dl dd button:hover,
.mainSarea .mstbLinkArea div.mstbLink dl dd button:focus,
.mainSarea .mstbLinkArea div.mstbLink dl dd button:active { color: #333; background-color: #fff; border: 1px solid #fff; }

.mainSarea .mstBox.slick-active .mstbLinkArea div.mstbLink { top: 52%; opacity: 1; }

.mainSlide .slick-arrow { width:42px; height:70px; border:0; background-repeat:no-repeat; opacity:0.2; background-position:center center;
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;
}
.mainSlide .slick-arrow:hover,
.mainSlide .slick-arrow:focus,
.mainSlide .slick-arrow:active { opacity:1; }
.mainSlide .slick-arrow:before { font-size:0; line-height:0; text-indent:-99999999px; }
.mainSlide .slick-prev { background-image:url('../images/main/btn_msLeft.png'); left:15px; }
.mainSlide .slick-next { background-image:url('../images/main/btn_msRight.png'); right:15px; }

.mainSlide .autoBtnArea { bottom:19px; right:15px; }


/*autoBtn*/
.autoBtnArea { position:absolute; display:inline-block; margin-left:auto; margin-right:auto; max-width:1280px; margin-top:-45px; position:absolute; z-index:1003; }
.autoBtnArea .autoBtn { cursor:pointer; width:15px; height:15px; appearance:none; -webkit-appearance:none; border:0; font-size:0; line-height:0; text-indent:-9999px; margin-left:5px; opacity:0.7;
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:1; }
.autoBtnArea .play { background:url(../images/main/btn_play.png) center center no-repeat; }
.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; }
.autoBtnArea .stop.active { background:url(../images/main/btn_stop_active.png) center center no-repeat; opacity:1; }


/* content */
.content .sec1 { width: 100%; position: relative; }
.content .sec1 .sec1back { position:absolute; top:0; left:0; width: 100%; height: 32rem; background: /*#f3faff*/ url(../images/main/sec_back.png) top center; }
.content .sec1>ul { padding-top: 11rem; }
.content .sec1>ul:after { content: ''; clear: both; display: block; }
.content .sec1>ul>li { float: left; width: 48%; box-sizing: border-box; }
.content .sec1>ul>li.sec1L { margin-right: 2%; padding-left: 20px; }
.content .sec1>ul>li.sec1R { margin-left: 2%; padding-right: 20px; }

.sec1 .sec1con { width: 100%; }
.sec1 .sec1con:after { content: ''; clear: both; display: block; }
.sec1 .sec1con>li { float: left; overflow:hidden; }
.sec1 .sec1con>li.sec1picL,
.sec1 .sec1con>li.sec1picR { width: 60%; }
.sec1 .sec1con>li.sec1picL img,
.sec1 .sec1con>li.sec1picR img { width: 100%; 
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;
}
/**/
.sec1 .sec1con:hover .sec1picL img,
.sec1 .sec1con:focus .sec1picL img,
.sec1 .sec1con:active .sec1picL img { opacity:0.7;
transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
}

.sec1 .sec1con:hover .sec1picR img,
.sec1 .sec1con:focus .sec1picR img,
.sec1 .sec1con:active .sec1picR img { opacity:0.7;
transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
}
.sec1 .sec1con:hover li dd button,
.sec1 .sec1con:focus li dd button,
.sec1 .sec1con:active li dd button {  
 background-color:#333;
}
/**/

.sec1 .sec1con>li.sec1txtL,
.sec1 .sec1con>li.sec1txtR { width: 35%; margin-left: 5%; }

.sec1 .sec1con>li.sec1txtL dl {  }

.sec1 .sec1con dl {  }
.sec1 .sec1con dl dt { font-size: 1.5rem; line-height: 2rem; font-weight: 100; letter-spacing: -0.6px; }
.sec1 .sec1con dl dd em { display: block; font-size: 2rem; line-height: 2.5rem; font-weight: 700; letter-spacing: -0.6px; margin-top: 1rem; }
.sec1 .sec1con dl dd p { display: block; font-size: 1.3rem; line-height: 1.8rem; font-weight: 300; letter-spacing: -0.8px; margin-top: 1.5rem;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.sec1 .sec1con dl dd button { width: 10rem; height: 3rem; border: none; background-color: #0186cc; color: #fff; font-size: 1.1rem; margin-top: 1.5rem; cursor: pointer;
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;
}


/* msSlideArea */
.msSlideArea { position: relative; padding-top: 14rem; }
.msSlideArea .msSlide { width:100%; height:100%; }
.msSlideArea .msSlide:after { content: ''; clear: both; display: block; }
.msSlideArea .msSlide .slick-list,
.msSlideArea .msSlide .slick-track { height:100%; }
.msSlideArea .msSlide .slick-arrow { width:42px; height:75px; top:50%; border:0; background-repeat:no-repeat; opacity:0.15; background-position:center center;
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;
}
.msSlideArea .msSlide .slick-arrow:before { font-size:0; line-height:0; text-indent:-99999999px; }
.msSlideArea .msSlide .slick-prev { background-image:url('../images/main/btn_msLeft.png'); left:15px; }
.msSlideArea .msSlide .slick-next { background-image:url('../images/main/btn_msRight.png'); right:15px; }
.msSlideArea .msSlide .slick-prev:hover,
.msSlideArea .msSlide .slick-prev:focus,
.msSlideArea .msSlide .slick-prev:active { opacity:1; }
.msSlideArea .msSlide .slick-next:hover,
.msSlideArea .msSlide .slick-next:focus,
.msSlideArea .msSlide .slick-next:active { opacity:1; }
.msSlideArea .msSlide .slick-dots { position:absolute; right:80px; bottom:15px; padding:0; margin:0; list-style:none; text-align:center; z-index:1002; }
.msSlideArea .msSlide .slick-dots li { cursor:pointer; display:inline-block; margin:0 3px; width:16px; height:16px; background-color:#fff; opacity:0.5; border-radius:50%; width: 12px; height: 12px; }
.msSlideArea .msSlide .slick-dots li.slick-active { opacity:1; background-color: #0186cc; }

.msSlideArea .msSlide .mstBox { float: left; width: 25%; background-color: #000; }
.msSlideArea .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;
}
.msSlideArea .msSlide .mstBox a.mstbLink dl { position:relative; overflow:hidden; }
.msSlideArea .msSlide .mstBox a.mstbLink dl dt { width:100%; height:100%; }
.msSlideArea .msSlide .mstBox a.mstbLink dl dt img { width:100%; opacity: .9;
	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;
}
.msSlideArea .msSlide .mstBox a.mstbLink dl dd { position:absolute; top:0; right:0; z-index:1000; padding: 15px 20px 20px 30px; text-align: right; }
.msSlideArea .msSlide .mstBox a.mstbLink dl dd h4 { font-size:14px; line-height:22px; color:#fff; font-weight: 300; opacity:1;
	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;
}
.msSlideArea .msSlide .mstBox a.mstbLink dl dd p { font-size:21px; line-height:28px; color:#fff; font-weight: 500; margin-top: 10px; letter-spacing: -0.5px; opacity:1;
	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;
}

.msSlideArea .msSlide .mstBox a.mstbLink:focus dl dt img,
.msSlideArea .msSlide .mstBox a.mstbLink:hover dl dt img { width:100%; opacity: .45;
	transform:scale(1.05,1.05);
	-webkit-transform:scale(1.05,1.05);
	-moz-transform:scale(1.05,1.05);
	-o-transform:scale(1.05,1.05);
	-ms-transform:scale(1.05,1.05);
}
.msSlideArea .msSlide .mstBox a.mstbLink:focus dl dd h4,
.msSlideArea .msSlide .mstBox a.mstbLink:hover dl dd h4 { opacity:1; }
.msSlideArea .msSlide .mstBox a.mstbLink:focus dl dd p,
.msSlideArea .msSlide .mstBox a.mstbLink:hover dl dd p { opacity:1; }

.msSlideArea .autoBtnArea { bottom:20px; right:15px; }

/* sec3 */
.sec3 { width: 100%; position: relative; padding-top: 12rem; }
.sec3back { position: absolute; top:0; left:0; width: 100%; height: 36rem; background: url(../images/main/sec_back2.png) top center;  }
.sec3Sarea { position: relative; width: 100%; max-width: 1400px; margin: 0 auto; }
.sec3 .mstBox:after,
.sec3 .mstBox>div.sec3txt ul:after { content: ''; clear: both; display: block; }
.sec3 .mstBox>div.sec3txt,
.sec3 .mstBox>div.sec3pic { float: left; width: 46%; height: auto; margin-left: 2%; margin-right: 2%; }

.sec3 .sec3Sarea .mstBox .sec3pic a { display:block; overflow:hidden; }
.sec3 .sec3Sarea .mstBox .sec3pic a img { 
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;
}
.sec3 .sec3Sarea .mstBox:hover .sec3pic a img,
.sec3 .sec3Sarea .mstBox:active .sec3pic a img,
.sec3 .sec3Sarea .mstBox:focus .sec3pic a img {  
	transform:scale(1.05,1.05);
	-webkit-transform:scale(1.05,1.05);
	-moz-transform:scale(1.05,1.05);
	-o-transform:scale(1.05,1.05);
	-ms-transform:scale(1.05,1.05);
} 

.sec3 .sec3Sarea .mstBox:hover .sec3txt .sec3txtL button,
.sec3 .sec3Sarea .mstBox:active .sec3txt .sec3txtL button,
.sec3 .sec3Sarea .mstBox:focus .sec3txt .sec3txtL button{  
	background-color:#333;
}

.sec3 .mstBox>div.sec3txt { margin-top: 3.2rem; }
.sec3 .mstBox>div.sec3txt ul li { float: left; }
.sec3 .mstBox>div.sec3txt ul li.sec3txtL { width: 35%; margin-right: 1%; }
.sec3 .mstBox>div.sec3txt ul li.sec3txtL h3 { font-size: 2rem; line-height: 2.5rem; letter-spacing: -0.7px; font-weight: 400; }
.sec3 .mstBox>div.sec3txt ul li.sec3txtL button { width: 11rem; height: 3rem; background-color: #0186cc; color: #fff; font-size: 1.2rem; border: none; margin-top: 2.7rem; 
cursor: pointer; 
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;
}
.sec3 .mstBox>div.sec3txt ul li.sec3txtL button:hover,
.sec3 .mstBox>div.sec3txt ul li.sec3txtL button:focus,
.sec3 .mstBox>div.sec3txt ul li.sec3txtL button:active {
	background-color:#333;	
}

.sec3 .mstBox>div.sec3txt ul li.sec3txtR { width: 64%; }
.sec3 .mstBox>div.sec3txt ul li.sec3txtR em { font-size: 2.3rem; line-height: 2.7rem; font-weight: bold; letter-spacing: -0.7px; }
.sec3 .mstBox>div.sec3txt ul li.sec3txtR p { font-size: 1.4rem; line-height: 2.2rem; font-weight: 300; margin-top: 2.5rem; letter-spacing: -0.5px; text-align: justify; }

.sec3 .mstBox>div.sec3pic {  }
.sec3 .mstBox>div.sec3pic img { width: 100%; }

.sec3 .msSlide .slick-list,
.sec3 .msSlide .slick-track { height:100%; }
.sec3 .msSlide .slick-arrow { width:42px; height:75px; top:50%; border:0; background-repeat:no-repeat; opacity:0.15; background-position:center center;
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;
}
.sec3 .sec3Sarea .slick-arrow:before { font-size:0; line-height:0; text-indent:-99999999px; }
/*.sec3 .sec3Sarea .slick-prev { background-image:url('../images/main/.png'); left:15px; }
.sec3 .sec3Sarea .slick-next { background-image:url('../images/main/.png'); right:15px; }
.sec3 .sec3Sarea .slick-prev:hover,
.sec3 .sec3Sarea .slick-prev:focus,
.sec3 .sec3Sarea .slick-prev:active { opacity:1; }
.sec3 .sec3Sarea .slick-next:hover,
.sec3 .sec3Sarea .slick-next:focus,
.sec3 .sec3Sarea .slick-next:active { opacity:1; }*/
.sec3 .sec3Sarea .slick-dots { position:absolute; right:90px; bottom:15px; padding:0; margin:0; list-style:none; text-align:center; z-index:1002; }
.sec3 .sec3Sarea .slick-dots li { cursor:pointer; display:inline-block; margin:0 4px; width:16px; height:16px; background-color:#fff; opacity:0.5; border-radius:50%; width: 12px; height: 12px; }
.sec3 .sec3Sarea .slick-dots li.slick-active { opacity:1; background-color: #0186cc; }

.sec3 .autoBtnArea { bottom:20px; right:30px; }

/* bService */
.bService { width: 100%; }
.wrapMain .bService { width: 100%; /*padding-top: 5rem;*/ }
.botService { overflow: hidden; }
.botService:after { display:block; content:""; clear:both; height:0; }
.botService li { float:left; width:25%; }
.botService li a { display:block; height:10rem; background-color:#f9f9f9; 
     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;
}
.botService li a dl { height:100%; position:relative; padding-left:50%; overflow:hidden; }
.botService li a dl dt { position:absolute; left:20%; top:35px; width:55px; height:55px; background-repeat:no-repeat; background-position:center center; background-size: cover; opacity:1; font-size:0; line-height:0; text-indent:-99999px;
     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;
}
.botService li a dl.botIcon1 dt { background-image:url('../images/common/botIcon1.png'); }
.botService li a dl.botIcon2 dt { background-image:url('../images/common/botIcon2.png'); }
.botService li a dl.botIcon3 dt { background-image:url('../images/common/botIcon3.png'); }
.botService li a dl.botIcon4 dt { background-image:url('../images/common/botIcon4.png'); }
.botService li a dl.botIcon5 dt { background-image:url('../images/common/botIcon5.png'); }
.botService li a dl.botIcon6 dt { background-image:url('../images/common/botIcon6.png'); }
.botService li a dl dd { font-size:2rem; opacity:1; color:#333; margin-top:45px; font-weight:700; letter-spacing: -.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;
}

.botService li a:hover,
.botService li a:focus {  background-color:#0186cc; }

.botService li a:hover dl dt,
.botService li a:focus dl dt,
.botService li a:hover dl dd,
.botService li a:focus dl dd { opacity:1; }

.botService li a:hover dl.botIcon1 dt,
.botService li a:focus dl.botIcon1 dt { background-image:url('../images/common/botIcon1_active.png'); }
.botService li a:hover dl.botIcon2 dt,
.botService li a:focus dl.botIcon2 dt { background-image:url('../images/common/botIcon2_active.png'); }
.botService li a:hover dl.botIcon3 dt,
.botService li a:focus dl.botIcon3 dt { background-image:url('../images/common/botIcon3_active.png'); }
.botService li a:hover dl.botIcon4 dt,
.botService li a:focus dl.botIcon4 dt { background-image:url('../images/common/botIcon4_active.png'); }
.botService li a:hover dl.botIcon5 dt,
.botService li a:focus dl.botIcon5 dt { background-image:url('../images/common/botIcon5_active.png'); }
.botService li a:hover dl.botIcon6 dt,
.botService li a:focus dl.botIcon7 dt { background-image:url('../images/common/botIcon6_active.png'); }

.botService li a:hover dl.botIcon1 dd,
.botService li a:focus dl.botIcon1 dd { color:#fff; }
.botService li a:hover dl.botIcon2 dd,
.botService li a:focus dl.botIcon2 dd { color:#fff; }
.botService li a:hover dl.botIcon3 dd,
.botService li a:focus dl.botIcon3 dd { color:#fff; }
.botService li a:hover dl.botIcon4 dd,
.botService li a:focus dl.botIcon4 dd { color:#fff; }
.botService li a:hover dl.botIcon5 dd,
.botService li a:focus dl.botIcon5 dd { color:#fff; }
.botService li a:hover dl.botIcon6 dd,
.botService li a:focus dl.botIcon6 dd { color:#fff; }

.sec4 { width: 100%; position: relative; padding: 5rem 0 6rem; margin-top: 10rem; background: #eee /*url(../images/main/sec_back2.png) top center*/; }

.evePad { }
.evePad div:after { content: ''; clear: both; display: block; height: 0; }
.evePad div .evePadL { float: left; width: 49%; margin-right: 1%; margin-top: 20px; }
.evePad div .evePadR { float: left; width: 49%; margin-left: 1%; margin-top: 20px;}

.mw1280at { width:1280px; margin:0 auto; }

.bookT { margin-top:120px; }
.bbYear { text-align:center; display: inline-block; font-size:41px; font-weight: bold; padding:0 0 10px; border-top:8px solid #333; }
.bbl { background-image:url('../../../images/list/board_left.png'); background-repeat:repeat-y; background-position:top left; padding-bottom:90px; }
.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:25%; 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; font-family: 'Poppins'; }
.board_book li .thumbImg h5 em.lastest,
.board_book li .thumbImg h5 strong.lastest { color:#0186cc; font-weight: bold; }
.board_book li .thumbImg:hover .bbImg img,
.board_book li .thumbImg:active .bbImg img { box-sizing:border-box; border:3px solid #0186cc; 
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:19px; text-align:center; background-image:url('../../../images/list/book_shadow.png'); background-repeat:no-repeat; background-position:bottom center; padding-bottom:10px; }
.board_book li .thumbImg .bbImg img { width:100%; max-width:190px; 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:#0186cc; color: #fff; font-weight: bold; }


/* sub */
/* sub common */
.subVisual { position: relative; width: 100%; height: auto; background-color: #000; overflow: hidden; }
.subVisual .subVisImg { width: 100%; opacity: .75; }
.subVisual dl { position: absolute; width: 100%; top: 40%; left: 0; text-align: center; }
.subVisual dl dt { font-size: 2.5rem; color: #fff; }
.subVisual dl dd { font-size: 4rem; color: #fff; font-weight: 700; }
.subVisual span { display: block; position: absolute; right: 5px; bottom: 10px; color: #fff; font-weight: 600; }

.sub_link { position: relative; width: 100%; height: 60px; }
.sub_link .url_print { position: absolute; top: 0; left: 30px; }
.sub_link .sub_sns { position: absolute; top: 0; right: 30px; }
.sub_link ul li { float: left; }
.sub_link ul li a { display: block; width: 65px; height: 65px; box-sizing: border-box; font-size: 0; line-height: 0; text-indent: -9999px; background-repeat: no-repeat; background-position: center;
transition:.3s ease-in;
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in;
-ms-transition:.3s ease-in;
}

.sub_link .sns_txt { background-color: #0186cc; }
.sub_link .sns_txt p { display: block; width: 65px; height: 65px; box-sizing: border-box; text-align: center; color: #fff; line-height: 16px; padding-top: 16px; }
.sub_link .sub_sns li a { background-color: #fff; }

.sub_link ul li.icoUrl a { background:#f5f5f5 url(../images/sub/url_icon.png) center no-repeat; }
.sub_link ul li.icoPrint a { background:#a3a3a3 url(../images/sub/print_icon.png) center no-repeat; }
.sub_link ul li.icoTwitter a { background-image: url(../images/sub/twitter_icon.png); }
.sub_link ul li.icoFacebook a { background-image: url(../images/sub/facebook_icon.png); }
.sub_link ul li.icoBlog a { background-image: url(../images/sub/blog_icon.png); }
.sub_link ul li.icoBand a { background-image: url(../images/sub/band_icon.png); }
.sub_link ul li.icoStory a { background-image: url(../images/sub/story_icon.png); }

.sub_link ul li.icoUrl a:hover,
.sub_link ul li.icoUrl a:focus,
.sub_link ul li.icoUrl a:active { background-image: url(../images/sub/url_icon_hover.png); background-color: #7c7c7c; }
.sub_link ul li.icoPrint a:hover,
.sub_link ul li.icoPrint a:focus,
.sub_link ul li.icoPrint a:active { background-image: url(../images/sub/print_icon_hover.png); background-color: #ddd; }
.sub_link ul li.icoTwitter a:hover,
.sub_link ul li.icoTwitter a:focus,
.sub_link ul li.icoTwitter a:active { background-image: url(../images/sub/twitter_icon_hover.png); background-color: #33a1ef; }
.sub_link ul li.icoFacebook a:hover,
.sub_link ul li.icoFacebook a:focus,
.sub_link ul li.icoFacebook a:active { background-image: url(../images/sub/facebook_icon_hover.png); background-color: #3b5998; }
.sub_link ul li.icoBlog a:hover,
.sub_link ul li.icoBlog a:focus,
.sub_link ul li.icoBlog a:active { background-image: url(../images/sub/blog_icon_hover.png); background-color: #2eb300; }
.sub_link ul li.icoBand a:hover,
.sub_link ul li.icoBand a:focus,
.sub_link ul li.icoBand a:active { background-image: url(../images/sub/band_icon_hover.png); background-color: #2eb300; }
.sub_link ul li.icoStory a:hover,
.sub_link ul li.icoStory a:focus,
.sub_link ul li.icoStory a:active { background-image: url(../images/sub/story_icon_hover.png); background-color: #f7ca37; }

.subTitle .titleTop { margin-top: 60px; }

.subTitle .subT2:after { content: ''; clear: both; display: block; }
.subTitle .subT2>li { float: left; width: 50%; }
/*.subTitle .subT2>li.subT2L { border-left:7px solid #ddd; box-sizing: border-box; padding-left: 40px; }*/

/* subPaging */
.subPaging { width: 100%; }
.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 */
.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: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; color:#221e1f; }
.radioLayer label.tC005da4 { color:#005da4; }
.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:#0186cc; }

.photo2Type2 { overflow:hidden; }
.photo2Type2:after { display:block; content:""; clear:both; height:0; }
.photo2Type2>li { width:49.5%; float:left; }
.photo2Type2>li.pt2L { margin-right:0.5%; }
.photo2Type2>li.pt2R { margin-left:0.5%; }

.photo2Type3 { overflow:hidden; }
.photo2Type3:after { display:block; content:""; clear:both; height:0; }
.photo2Type3>li { width:48%; float:left; }
.photo2Type3>li.pt2L { margin-right:2%; }
.photo2Type3>li.pt2R { margin-left:2%; }

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

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

.photo4Type1 { overflow:hidden; }
.photo4Type1:after { display:block; content:""; clear:both; height:0; }
.photo4Type1>li { width:23.875%; float:left; }
.photo4Type1>li.pt4L { margin-right:1.5%; }
.photo4Type1>li.pt4R { margin-right:0; }

/*독자엽서*/
/*.conMail { margin-top: 30px; }*/
.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; /*box-shadow:0 1px 1px #cddde6;*/ 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:16px; 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 { margin:50px auto 0 auto; padding:20px; overflow:hidden; background-color:#fff; border: 2px solid #eee;}
.agree .agreeTit { margin:5px 0 0 0; color:#ef413d; font-size:15px; font-weight: bold; }
.agree .agreeItem { margin:10px 0 0 0; }
.agree .agreeItem li { margin:5px 0 0 0; color:#666; font-size:14px; font-weight: bold; line-height:18px; background:url('../images/common/txt_bull01.gif') 0 8px no-repeat; padding-left:8px;  }

.agree .agree_check { margin:10px 0 0 0; border-top:1px dotted #666; padding-top:5px; }
.agree .agree_check ul { margin:5px 0 0 0; }
.agree .agree_check ul li { position:relative; background-image:url(../images/common/checkboxOff.png); background-repeat:no-repeat; background-position:0 0; cursor:pointer; line-height:18px; margin:8px 0 0 0; }
.agree .agree_check ul li:first-child{ background: none; font-size: 16px; font-weight: bold; color: #ef413d; }
.agree .agree_check ul li input { position:absolute; width:0; height:0; top:0; left:0; border:0; }
.agree .agree_check ul li.raChk { background-image:url(../images/common/checkboxOn.png); }
.agree .agree_check ul li label { color:#333; font-size:14px; line-height:20px; font-weight: bold; padding-left:23px; display:inline-block; min-height:20px; }
.agree .agree_check ul li label.chkTxt { color:#333; font-size:16px; font-weight: bold; font-weight:bold; }
.agree .agree_box { height: 330px; overflow-y: auto; margin-bottom:20px;}

/*ENG list*/
.sub_en_list li a { font-size: 21px; line-height: 30px;
transition:all .3s 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_en_list li a:hover,
.sub_en_list li a:focus,
.sub_en_list li a:active { background-color: #0186cc; color: #fff; }

.back_eng { display: block; width: 100%; background-color: #eee; font-size: 17px; font-weight: bold; text-align: center; padding: 10px 20px; box-sizing: border-box;
-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
-ms-transition:all .2s ease-in;
}
.back_eng:hover,
.back_eng:focus,
.back_eng:active { background-color: #0186cc; color: #fff; }

/*서브추가*/
.sub03_my { position: relative; background: url(../images/contents/con03_myBack.jpg) left top no-repeat; padding-bottom: 30px; }
.sub04_my { position: relative; background: url(../images/contents/con04_myBack.jpg) left 20px no-repeat; padding-bottom: 30px; }

.sub08_back { background: url(../images/contents/con08_back.jpg) center; }
.sub2_1_num{ position: absolute; left: -20px; top: -10px; }
.sub2_1_il { position: absolute; right: 50px; bottom: 50px; }
@media screen and (max-width:1200px){ 
  .sub2_1_il { position: initial; }
}
.sub2_2_cirback { width:200px; height:200px; padding:20px; margin-right: auto; margin-left: auto; background-color: #95b7e1; border: 1px solid #ffffff; border-radius: 100% 100% 0 0; }
.sub2_3_titback { background:url('../images/contents/sub2_3_titback.jpg'); background-size: cover; background-repeat: no-repeat; }
.sub3_3_back { background: url('../images/contents/con3_3_back.jpg'); }
.sub4_4_back { background: url('../images/contents/con4_4_back.jpg'); }

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

@media all and (max-width: 1400px){
	/* mainSlide */	
  .mainSarea .mstBox { height: 650px; }
	.mainSarea .mstbLinkArea div.mstbLink dl dt { font-size: 1.6rem; }
	.mainSarea .mstbLinkArea div.mstbLink dl dd p strong { font-size: 4rem; line-height: 5rem; }
	.mainSarea .mstbLinkArea div.mstbLink dl dd p span { font-size: 2.3rem; line-height: 3rem; }
	.mainSarea .mstbLinkArea div.mstbLink dl dd button { margin-top: 2rem; }

	/* sec3 */
	.sec3 .mstBox>div.sec3txt { margin-top: 2rem; }

  .subVisual dl dt { font-size: 2rem; }
  .subVisual dl dd { font-size: 3rem; }
}

@media all and (max-width: 1300px){
	.mw1280at { width:100%; max-width:1280px; margin:50px auto 0; }
	.bookT { margin-top:20px; } 
	.bbYear { font-size:34px; } 
	.board_book { margin:0; } 
	.board_book li { width:50%; }
}

@media all and (max-width: 1280px){
	.sec3back { height: 80%; }
}


@media all and (max-width: 1280px) and (min-width: 1149px) {
	/* sec1 */
	.sec1 .sec1con dl dt { font-size: 1.2rem; line-height: 1.8rem; }
	.sec1 .sec1con dl dd em { font-size: 1.5rem; line-height: 2rem; }
	.sec1 .sec1con dl dd p { font-size: 1.2rem; }
}

@media all and (max-width: 1148px){
	/* header */
	#header { height: 70px; }
	#header .headL { top: 7px; left: 15px; }
	#header .headL h1 {  }
  #header .headL h1 a { max-width: 120px; }
	#header .headL h1 a span { font-size: 11px; margin-top: 5px; margin-left: 5px; }
	#header .headR .gnb { width: 70px; height: 70px; }
	#header .headR .gnb a ul.bars li.bar1 { top: 23px; right: 20px; }
	#header .headR .gnb a ul.bars li.bar2 { top: 33px; right: 20px; }
	#header .headR .gnb a ul.bars li.bar3 { top: 43px; right: 20px; }
	#header .headR .gnb.active a ul.bars li.bar1 { top: 35px !important; right: 20px !important; }
	#header .headR .gnb.active a ul.bars li.bar2 { top: 35px !important; right: 20px !important; }
	#header .headR .gnb.active a ul.bars li.bar3 { top: 35px !important; right: 20px !important; }
	#header .headR .search { margin-top: 8px; margin-right: 20px; }

  #container:before { display:block; content:""; height:70px; }

	/* gnbOpen */
	.gnbOpen { top: 70px; }

	/* mainSlide */
	.mainSarea .mstBox { height:580px; }
	.mainSarea .mstbLinkArea div.mstbLink dl dt { font-size: 1.6rem; }
	.mainSarea .mstbLinkArea div.mstbLink dl dd p strong { font-size: 4rem; }
	.mainSarea .mstbLinkArea div.mstbLink dl dd p span { font-size: 2.6rem; line-height: 3.5rem; }

	.content .sec1>ul,
	.sec3,
	.msSlideArea { padding-top: 8rem; }

	/* sec1 */
	.sec1>ul>li.sec1L,
	.sec1>ul>li.sec1R { display: block; width: 100%; clear: both; }
	.sec1>ul>li.sec1L { margin-right: 0 !important; padding-right: 20px; }
	.sec1>ul>li.sec1R { margin-left: 0 !important; padding-left: 20px; margin-top: 3rem; }

	.sec1 .sec1con>li.sec1picL,
	.sec1 .sec1con>li.sec1picR { width: 50%; }
	.sec1 .sec1con>li.sec1picL img,
	.sec1 .sec1con>li.sec1picR img { width: 100%; }
	.sec1 .sec1con>li.sec1txtL,
	.sec1 .sec1con>li.sec1txtR { width: 45%; margin-left: 5%; }

	.sec1 .sec1con dl { margin-top: 2rem; }

	.sec1back { display: none; }

	/* bService */
	.botService li a { height: 8rem; }
	.botService li a dl dt { top: 28px; width:45px; height:45px; }
	.botService li a dl dd { font-size: 1.5rem; margin-top: 35px; }

	/* sub */
	.sub_link ul li a { width: 50px; height: 50px; }
	.sub_link .sns_txt p { width: 50px; height: 50px; font-size: 11px; line-height: 12px; padding-top: 12px; }
	.subVisual dl dt { font-size: 1.8rem; }
	.subVisual dl dd { font-size: 2.5rem; }
}

@media screen and (max-width:1120px){
  .subPaging>li a dl dd,
  .subPaging>li a dl dd span { font-size: 2.3rem; } 
}
@media (max-width: 1148px){
  #header .headR .enLink{ margin: 20px 15px 0 0; }
}

@media all and (max-width: 1050px){
	/*.mainSarea .mstBox { height:550px; }*/

	.sec3 .mstBox>div.sec3txt ul li.sec3txtL h3 { font-size: 1.6rem; line-height: 2.2rem; }
	.sec3 .mstBox>div.sec3txt ul li.sec3txtL button { width: 10rem; height: 2.7rem; font-size: 1.1rem; }
	.sec3 .mstBox>div.sec3txt ul li.sec3txtR em { font-size: 1.9rem; line-height: 2.4rem; }
	.sec3 .mstBox>div.sec3txt ul li.sec3txtR p { font-size: 1.2rem; line-height: 1.8rem; }
}
@media all and (max-width: 1024px){
  .header_fix_wrap .header_fix_icon_mo { display: block; }
  .header_fix_wrap .header_fix_icon { right: -90px; }
}

@media all and (max-width: 1000px){
  .subTitle .subT2 { text-align: center; }
  .subTitle .subT2>li { display: block; width: 100%; }
  .subTitle .subT2>li.subT2R { margin-top: 50px; }
  .subTitle .subT2>li.subT2R em { text-align: justify; }
  .subTitle .subT2>li.subT2L { border-left:none; padding-left: 0; }
}

@media all and (max-width: 910px){
	/* mainSlide */
	.mainSarea .mstBox { background-attachment: local; background-size: cover; }
	.mainSarea .mstbLinkArea div.mstbLink dl dt { font-size: 1.6rem; }
	.mainSarea .mstbLinkArea div.mstbLink dl dd p strong { font-size: 3.5rem;}
	.mainSarea .mstbLinkArea div.mstbLink dl dd p span { font-size: 2rem; line-height: 2.8rem; }
	.mainSarea .mstbLinkArea div.mstbLink dl dd button { font-size: 1.2rem; padding: 0.7rem 4rem; }

  /*sub*/
  .con2_5_txt li.con2_5_txtL,
  .con2_5_txt li.con2_5_txtR { width: 100%; margin: 0; }
  .con2_5_txt li.con2_5_txtL { text-align: left; }
  .con2_5_txt li.con2_5_txtR { margin-top: 15px; }

  .con2_4_sec .con2_4_secL,
  .con2_4_sec .con2_4_secR { display: block; width: 100%; margin-right: 0; }
}

@media all and (max-width: 890px){
	.sec3 .mstBox>div.sec3txt, 
	.sec3 .mstBox>div.sec3pic { width: 96%; display: block; clear: both; margin-top: 2rem; }
	.sec3 .mstBox>div.sec3txt ul { padding-top: 2rem; }
	.sec3 .mstBox>div.sec3txt ul li.sec3txtL { width: 30%; }

	/* bService */
	.sec3 { padding-top: 0; }
	.sec3back { top: 0; }
	.wrapMain .bService { margin-top: 0; }

  /*footer*/
  #footer ul .footL,
  #footer ul .footR { width: 100%; display: block; padding-left: 0; }
  #footer ul .footL li.foot_logo { max-width: 133px; margin-left: auto; margin-right: auto; }
  #footer ul .footL li.foot_copy { text-align: center; }
  #footer ul .footR { margin-top: 2rem; }
  #footer ul .footR li.sns { max-width: 30px; margin-left: auto; margin-right: auto; }
  #footer ul .footR li.sns a.snsLast { margin-right: 0px; }
  #footer ul .footR li.foot_copy,
  #footer ul .footR li.pre,
  #footer ul .footR li.newsletter { text-align: center; }

	/* sub */
 	.subVisual dl { top: 38%; }
 	.subVisual dl dt { font-size: 1.5rem; }
  .subVisual dl dd { font-size: 2rem; }

  .sub_en_list li a { font-size: 16px; line-height: 25px; }
}

@media all and (max-width: 850px) { 
  /*sub*/
  .subPaging>li a dl dd,
  .subPaging>li a dl dd span { font-size: 2rem; } 

  .con2_3_sec_en .con2_3_secL,
  .con2_3_sec_en .con2_3_secR { display: block; width: 100%; }

  .con2_3_sec2 .con2_3_sec2L,
  .con2_3_sec2 .con2_3_sec2R { display: block; width: 100%; }
}

@media all and (max-width: 800px){
	/* bService */
	.botService li a { height: 6rem; }
	.botService li a dl dt { width:35px; height:35px; top: 20px; }
	.botService li a dl dd { font-size: 1.3rem; margin-top: 25px; }

  /*sub*/
  .con2_3_sec .con2_3_secL,
  .con2_3_sec .con2_3_secR { display: block; width: 100%; clear: both; margin-right: 0; }
  .con2_3_sec .con2_3_secL h5 { text-align: left; }

}

@media all and (max-width: 740px){
	/* header */
	#header { height: 55px; }
	#header .headL { top: 10px; left: 10px; }
	#header .headL h1 {  }
	#header .headL h1 a { max-width: 85px; }
	#header .headL h1 a span { font-size: 10px; line-height: 11px; margin-top: 2px; display: none; }
	#header .headR .gnb { width: 55px; height: 55px; }
	#header .headR .gnb ul.bars li { width: 24px; }
	#header .headR .gnb a ul.bars li.bar1 { top: 18px; right: 15px; }
	#header .headR .gnb a ul.bars li.bar2 { top: 26px; right: 15px; }
	#header .headR .gnb a ul.bars li.bar3 { top: 34px; right: 15px; }
	#header .headR .gnb.active a ul.bars li.bar1 { top: 27px !important; right: 15px !important; }
	#header .headR .gnb.active a ul.bars li.bar2 { top: 27px !important; right: 15px !important; }
	#header .headR .gnb.active a ul.bars li.bar3 { top: 27px !important; right: 15px !important; }
	#header .headR .search { margin-top: 3px; margin-right: 10px; }
  #header .headR .enLink { width: 32px; height: 21px; margin: 16px 10px 0 0;  }


  #container:before { display:block; content:""; height:55px; }

	/* gnb */
	.gnbOpen { top: 55px; width: 300px; }
	.gnbOpen .gnbWrap>ul.gnbArea li>a, .gnbOpen .gnbWrap>ul.servArea li>a { font-size: 1.5rem; line-height: 2.2rem; }
	.gnbOpen .gnbWrap>ul.gnbArea .m li a { font-size: 1.2rem; line-height: 2.2rem; }

	/* mainSlide */
	.mainSarea .mstBox { height:430px; }
	.mainSarea .mstbLinkArea div.mstbLink dl dt { font-size: 1.4rem; }
	.mainSarea .mstbLinkArea div.mstbLink dl dd p strong { font-size: 2.8rem; line-height: 3.8rem; }
	.mainSarea .mstbLinkArea div.mstbLink dl dd p span { font-size: 1.7rem; line-height: 2.5rem; }
	.mainSarea .mstbLinkArea div.mstbLink dl dd button { width: 12rem; height: 2.7rem; font-size: 1.1rem; padding: 0; }

	/* sec1 */
	.sec1 .sec1con dl dt { font-size: 1.2rem; line-height: 1.8rem; }
	.sec1 .sec1con dl dd em { font-size: 1.5rem; line-height: 2rem; }
	.sec1 .sec1con dl dd p { font-size: 1.2rem; }

	.sec1 .sec1con dl { margin-top: 1rem; }

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

}

@media screen and (max-width:680px){
  .sec4 { margin-top: 3rem; padding:2rem 0 4rem; }
  .evePad div .evePadL { width: 100%; margin-right: 0; margin-top: 10px; }
  .evePad div .evePadR { width: 100%; margin-left: 0; margin-top: 10px; }
  #footer ul .footL .foot_copy span { font-size: 1.1rem; }
  
	/* sub */
  .subVisual dl { top: 35%; }
 	.subVisual dl dt { font-size: 1.3rem; }
 	.subVisual dl dd { font-size: 1.8rem; }

 	.subTitle .titleTop { margin-top: 30px; }

  .subPaging>li a dl dd { top: 28%; }
  .instant_goods .instant_goods1 { width: 100%; margin:0; }
}

@media all and (max-width: 625px){
	/*search*/
	.tipue_search_group { max-width: 160px !important; }

	.content .sec1>ul,
	.msSlideArea { padding-top: 3rem; }

	/* sec1 */
	.sec1 .sec1con dl { margin-top: 2rem; }
	.sec1 .sec1con>li.sec1picL,
	.sec1 .sec1con>li.sec1picR { width: 100%; display: block; }
	.sec1 .sec1con>li.sec1picL img,
	.sec1 .sec1con>li.sec1picR img { width: 100%; }
	.sec1 .sec1con>li.sec1txtL,
	.sec1 .sec1con>li.sec1txtR { width: 100%; display: block;  margin-left: 0; }

	/* sec3 */
	.sec3 .mstBox>div.sec3txt ul li.sec3txtL h3 { font-size: 1.3rem; line-height: 2rem; }
	.sec3 .mstBox>div.sec3txt ul li.sec3txtL button { width: 8rem; height: 2.5rem; font-size: 1rem; margin-top: 1.7rem; }
	.sec3 .mstBox>div.sec3txt ul li.sec3txtR em { font-size: 1.6rem; line-height: 2rem; }
	.sec3 .mstBox>div.sec3txt ul li.sec3txtR p { font-size: 1.2rem; line-height: 1.8rem; margin-top: 1.8rem; }

	/* bService */
	.botService li a dl dt { left: 40%; }
	.botService li a dl dd { display: none; }
	
	/* sub */
  .subPaging>li a dl dd,
  .subPaging>li a dl dd span { font-size: 1.6rem; }

  .photo2Type2>li { width:100%; }
	.photo2Type2>li.pt2L { margin-right:0; }
	.photo2Type2>li.pt2R { margin-left:0; }

	.photo2Type3>li { width:100%; }
	.photo2Type3>li.pt2L { margin-right:0; }
	.photo2Type3>li.pt2R { margin-left:0; }

  .photo3Type1>li { width:100%; }
  .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; }

  .photo4Type1>li { width:100%; }
  .photo4Type1>li.pt4L { margin-right:0; }
}

@media all and (max-width: 560px){
	.mainSarea .mstBox { height:380px; }
	.mainSarea .mstbLinkArea div.mstbLink dl dt { font-size: 1.3rem; letter-spacing: 0; margin-bottom: 1rem; }
  .mainSarea .mstbLinkArea div.mstbLink dl dt>span { margin-top: 10px; }
	.mainSarea .mstbLinkArea div.mstbLink dl dd p strong { font-size: 2.3rem; line-height: 3rem; margin-top: 0; }
	.mainSarea .mstbLinkArea div.mstbLink dl dd p span { font-size: 1.5rem; line-height: 2.2rem; }

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

}

@media all and (max-width: 540px){
	.sec3 .mstBox>div.sec3txt ul li.sec3txtL button { width: 6.5rem; font-synthesis: .9rem; }
	.sub_link .url_print { position: absolute; top: 0; left: 10px; }
	.sub_link .sub_sns { position: absolute; top: 0; right: 10px; }
  
  .subPaging>li a dl dd { top: 27%; }
  .subPaging>li a dl dd, 
  .subPaging>li a dl dd span { font-size: 1.3rem; }
}

@media screen and (max-width:460px){
	/* thumbList */
	.board_book li { width:45%; margin-left:2.5%; margin-right:2.5%; }
	.board_book li a h5 { margin-top:45%; }
	.board_book li .bbImg img { width:90%; }

  	/* sub */
	.subVisual dl { top: 33%; }
	.subVisual dl dt { font-size: 1.3rem; }
	.subVisual dl dd { font-size: 1.8rem; }

	.sub_link ul li a { width: 35px; height: 35px; }
	.sub_link .sns_txt p { width: 35px; height: 35px; font-size: 10px; line-height: 11px; padding-top: 5px; }

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

@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%; }
}