html, body { overflow-x:hidden; -webkit-overflow-scrolling: touch; }
html { scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #dfdfdf; scrollbar-base-color: #efefef;
scrollbar-Face-Color: #dfdfdf; scrollbar-Track-Color: #efefef; scrollbar-DarkShadow-Color: #efefef; scrollbar-Hightlight-Color: $efefef; scrollbar-Shadow-Color: #efefef; }
::-webkit-scrollbar { width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display: block; height: 10px; background: #efefef; }
::-webkit-scrollbar-track { background: #efefef; -webkit-border-radius: 10px; border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2); }
::-webkit-scrollbar-thumb { height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1); }
/*
::-webkit-scrollbar {
width: 10px;
height: 20px;
}
::-webkit-scrollbar-track {
background-color: lightblue;
}
::-webkit-scrollbar-track-piece {
background-color: gray;
}
::-webkit-scrollbar-thumb {
border-radius: 8px;
background-color: #ffffff;
}
::-webkit-scrollbar-button {
background-color: darkblue;
width: 20px;
height: 10px;
}
::-webkit-scrollbar-button:start {
background-color: #ffffff;
}
::-webkit-scrollbar-button:end {
background-color: #ffffff;
}
::-webkit-scrollbar-button:vertical:increment {
}
::-webkit-scrollbar-button:vertical:decrement {
}
::-webkit-scrollbar-corner {
background-color: violet;
}
::-webkit-resizer {
background-color: green;
}
*/
#wrap { margin: 0 auto; }
.inner { position:relative; width: 100%; max-width: 1600px; margin: 0 auto; box-sizing: border-box; }
.conInner { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; box-sizing: border-box; }
.conInner.kapanews { position: relative; width: 100%; max-width: 980px; margin: 0 auto; box-sizing: border-box; }
.footInner { position: relative; width: 100%; max-width: 1600px; 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;
}
/* list page */
.mw1280at { width:1280px; margin:0 auto; }
.bookT { margin-top:80px; }
.bbYear { text-align:center; font-size:62px; 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:25%; height:360px; 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:#50bcb6; }
.board_book li .thumbImg:hover .bbImg img,
.board_book li .thumbImg:active .bbImg img { box-sizing:border-box; border:3px solid #7fc2b7;
transition:.2s ease-in;
-webkit-transition:.2s ease-in;
-moz-transition:.2s ease-in;
-o-transition:.2s ease-in;
-ms-transition:.2s ease-in;
}
.board_book li .thumbImg .bbImg { display:block; width:100%; position:absolute; left:0; bottom:10px; 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:170px; box-sizing:border-box; border:1px solid rgba(191,191,191,1);
transition:.2s ease-in;
-webkit-transition:.2s ease-in;
-moz-transition:.2s ease-in;
-o-transition:.2s ease-in;
-ms-transition:.2s ease-in;
}
.board_book li .thumbImg .bbBtnWrap { display:none; position:absolute; bottom:12%; left:0; width:100%; z-index:10; text-align:center; }
.board_book li .thumbImg .bbBtnWrap .bbBtn { padding:5% 10%; }
.board_book li .thumbImg:hover .bbBtnWrap,
.board_book li .thumbImg:active .bbBtnWrap { display:block; }
.board_book li .thumbImg:hover .bbBtnWrap .bbBtn,
.board_book li .thumbImg:active .bbBtnWrap .bbBtn { display:inline-block; }
.board_book li .thumbImg .bbBtnWrap .bbBtn a { min-width:80px; display:block; background-color:#7fc2b7; 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:#7fc2b7; }
.list_botBtn{
max-width: 250px;
margin-left: auto;
margin-right: auto;
background-color: rgb(0,164,228);
margin-top: 50px;
text-align: center;
padding: 5px 0;
transition:.3s ease-in;
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in;
-ms-transition:.3s ease-in;
}
.list_botBtn:hover,
.list_botBtn:active,
.list_botBtn:focus{
background-color:#333333;
transition:.3s ease-in;
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in;
-ms-transition:.3s ease-in;
}
/* container contents */
.wrap_blc.on { background-color: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; bottom:0; width: 100%; z-index: 9999; }
#container { position: relative; top: 0; left: 0; height: 100%; background-color: transparent; box-sizing: border-box; overflow-x: hidden; }
#container .mConArea { position: relative; width: 100%; height: 100%; }
/* header */
.headWarp { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; box-sizing: border-box; }
#header { width:100%; position:fixed; z-index:9999; }
#header ul:after { content: ''; clear: both; display: block; }
#header.hFix { position:fixed; }
#header .headerArea { position:relative; }
#header .headerArea.headerPC { }
#header .headerArea.hFix { position:fixed; width:100%; }
#header .headerTop { max-width:1280px; margin-left:auto; margin-right:auto; padding-top:21px; padding-bottom:15px; position:relative; overflow:hidden; }
#header .headerTop .listMove { position:absolute; top:25px; left:0; display:block; width:45px; height:40px; background:url('../images/common/move_index.png') center center no-repeat;
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;
}
#header .headerTop .listMove:hover,
#header .headerTop .listMove:focus,
#header .headerTop .listMove:active { background:url('../images/common/move_index_active.png') center center no-repeat; }
#header .headerTop .logoTop { width:100%; max-width:200px; margin-left:auto; margin-right:auto; text-align:center; }
#header .headerTop .logoTop a img { width:100%; }
#header .headerTop .logoTop span { display:block; font-size:14px; line-height:18px; color:#333; }
#header .headerTop .logoTop span strong { font-size:14px; line-height:20px; color:#333; font-weight:bold; }
#header .headerTop .headSearch { position:absolute; right:0; top:20px; }
/* GNB PC */
#header .headerArea.headerPC .gnbPC { position:relative; z-index:10001; width:100%;
background-image:url('../images/common/bg_white15per.png');
background-position:center top;
background-repeat:repeat-x;
}
#header .headerArea.headerPC .gnbPC .gnbArea { display:block; background-color:#ccc; }
#header .headerArea.headerPC .gnbPC .gnbArea .gnbList { background-color:#fff; position:relative; border-top:1px solid #ffffff; border-bottom:2px solid #0960a8; max-height:500px; overflow:hidden; overflow-y:auto;
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;
}
#header .headerArea.headerPC .gnbPC .gnbArea .gnbList.active { background-color:#d8edff; padding-bottom:30px; border-bottom:0px solid #0960a8; }
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area { max-width:1280px; margin-left:auto; margin-right:auto; }
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area:after { display:block; content:""; clear:both; height:0; }
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 { float:left; width:20%; }
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth1M { display:block; padding-top:12px; padding-bottom:10px; text-align:center; /*background-color: #f9f9f9;*/ }
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth1M.depth1M1 span { color:#f48a84; }
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth1M.depth1M2 span { color:#7da0ce; }
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth1M.depth1M3 span { color:#7dc56d; }
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth1M.depth1M4 span { color:#f7934b; }
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth1M.depth1M5 span { color:#83aa6d; }
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth1M.depth1M6 span { color:#0052a4; }
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth1M.depth1M7 span { color:#333; }
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth1M span { vertical-align:middle; display:inline-block;/*color:#333*/; font-size:16px; line-height:22px; font-weight: 700; letter-spacing: -.6px; opacity:0.8;
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;
}
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth1M.active { background-color:#005dab; }
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth1M:hover span,
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth1M:focus span { opacity:1; }
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth1M.active span { color:#ffffff; opacity:1; }
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth2Area { display:none; padding-top:15px; padding-bottom:15px; }
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth2Area.active { background-color:#ffffff; }
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth2Area .depth2 { padding:7px 15px; word-break: keep-all;}
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth2Area .depth2 .depth2M { display:block; }
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth2Area .depth2 .depth2M strong { display:block; font-size:16px; line-height:22px; font-weight:700; color:#333; opacity:0.5;
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;
}
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth2Area .depth2 .depth2M span { display:block; font-size:14px; line-height:20px; color:#333; letter-spacing: -0.9px; opacity:0.5;
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;
}
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth2Area .depth2 .depth2M:hover strong,
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth2Area .depth2 .depth2M:focus strong,
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth2Area .depth2 .depth2M:active strong { opacity:1; }
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth2Area .depth2 .depth2M:hover span,
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth2Area .depth2 .depth2M:focus span,
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth2Area .depth2 .depth2M:active span { opacity:1; }
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth2Area.active .depth2 .depth2M strong { opacity:1; }
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth2Area.active .depth2 .depth2M span { opacity:1; }
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth2Area.active .depth2 .depth2M:hover strong,
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth2Area.active .depth2 .depth2M:focus strong { opacity:1; color:#005dab; }
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth2Area.active .depth2 .depth2M:hover span,
#header .headerArea.headerPC .gnbPC .gnbArea .depth1Area .depth1 .depth2Area.active .depth2 .depth2M:focus span { opacity:1; color:#005dab; }
#header .headerArea.headerPC .gnbPC .gnbArea .gnb_bot_btn { position:absolute; width:100%; bottom:-25px; display:none; text-align:center; background-color:#d8edff; }
#header .headerArea.headerPC .gnbPC .gnbArea .gnb_bot_btn .btn_gnbPC_close { display:inline-block; width:116px; height:26px; background:url('../images/common/btn_close_gnbPC.png') center center no-repeat;
text-indent:-99999px; font-size:0; line-height:0; vertical-align:top;
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;
}
#header .headerArea.headerPC .gnbPC .gnbArea .gnb_bot_btn .btn_gnbPC_close:hover,
#header .headerArea.headerPC .gnbPC .gnbArea .gnb_bot_btn .btn_gnbPC_close:focus,
#header .headerArea.headerPC .gnbPC .gnbArea .gnb_bot_btn .btn_gnbPC_close:active { background:url('../images/common/btn_close_gnbPC_hover.png') center center no-repeat; }
/* GNB Mobile */
#header .headerArea.headerM .gnbPC { position:absolute; z-index:10000; width:100%; padding-top:1px; background:url('../images/common/bg_white15per.png') center top repeat-x; }
#header .headerArea.headerM #gnb .gnbArea { display:none; height:0; overflow:hidden; }
#header .gnbIcon { position:fixed; z-index:10003;
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 .gnbIcon.giPC { top:-100px; right:-100px; }
#header .gnbIcon.giM { top:10px; left:15px; }
#header .gnbIcon:after { display:block; content:""; clear:both; height:0; }
#header .gnbIcon a { display:inline-block; }
#header .gnbIcon a em { display:block; margin:15px 10px 0 0; float:left; font-size:20px; line-height:26px; color:#fff;
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 .gnbIcon a.active em { color:#333; }
#header .gnbIcon a ul.bars { float:left; overflow:hidden; width:52px; height:52px; position:relative; }
#header .gnbIcon a ul.bars li { width:40px; height:2.5px; background-color:#ddd; 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 .gnbIcon a.active ul.bars li { background-color:#7fc2b7; }
#header .gnbIcon a ul.bars li.bar1 { top:15px; left:5px; }
#header .gnbIcon a ul.bars li.bar2 { top:27px; left:5px; }
#header .gnbIcon a ul.bars li.bar3 { top:39px; left:5px; }
#header .gnbIcon a:hover ul.bars li,
#header .gnbIcon a:focus ul.bars li { background-color:#7fc2b7; }
#header .gnbIcon a.active { }
#header .gnbIcon a em { color:#fff; }
#header .gnbIcon a.active ul.bars li.bar1 { top:26px; left:3px; transform:rotate(315deg); }
#header .gnbIcon a.active ul.bars li.bar2 { top:26px; left:3px; transform:rotate(-315deg); }
#header .gnbIcon a.active ul.bars li.bar3 { top:26px; left:3px; transform:rotate(315deg); }
.gnbMobile { position:fixed; top:0; bottom:0; width:100%; z-index:10002; display:none; }
.gnbMobile .gnbArea { position:relative; left:-280px; width:280px; height:100%; background-color:rgba(255,255,255,0.9); }
.gnbMobile .gnbArea .gnbList { position:absolute; width:100%; top:80px; bottom:0; overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; -moz-overflow-scrolling:touch; }
.gnbMobile .gnbArea .gnbList .depth1Area { overflow-y: auto; }
.gnbMobile .gnbArea .gnbList .depth1Area .depth1 { }
.gnbMobile .gnbArea .gnbList .depth1Area .depth1:first-child { margin-top:0px; }
.gnbMobile .gnbArea .gnbList .depth1Area .depth1 .depth1M { display:block; padding:12px 15px; }
.gnbMobile .gnbArea .gnbList .depth1Area .depth1 .depth1M span { display:inline-block; font-size:18px; font-weight:bold; color:#333; }
.gnbMobile .gnbArea .gnbList .depth1Area .depth1 .depth1M:hover,
.gnbMobile .gnbArea .gnbList .depth1Area .depth1 .depth1M:focus { background:url('../images/common/gnbM_hover.png') right center no-repeat; }
.gnbMobile .gnbArea .gnbList .depth1Area .depth1 .depth1M:hover span,
.gnbMobile .gnbArea .gnbList .depth1Area .depth1 .depth1M:focus span { color:#118dcd; }
.gnbMobile .gnbArea .gnbList .depth1Area .depth1 .depth1M.active { background:#118dcd url('../images/common/gnbM_active.png') right center no-repeat; }
.gnbMobile .gnbArea .gnbList .depth1Area .depth1 .depth1M.active span { color:#fff; }
.gnbMobile .gnbArea .gnbList .depth1Area .depth1 .depth2Area { display:none; }
.gnbMobile .gnbArea .gnbList .depth1Area .depth1 .depth2Area .depth2 { }
.gnbMobile .gnbArea .gnbList .depth1Area .depth1 .depth2Area .depth2 .depth2M { display:block; padding:8px 15px 6px 30px;
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;
}
.gnbMobile .gnbArea .gnbList .depth1Area .depth1 .depth2Area .depth2 .depth2M strong { display:block; font-size:16px; font-weight:bold; color:#2d2d2d;
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;
}
.gnbMobile .gnbArea .gnbList .depth1Area .depth1 .depth2Area .depth2 .depth2M span { display:block; font-size:14px; color:#2d2d2d;
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;
}
.gnbMobile .gnbArea .gnbList .depth1Area .depth1 .depth2Area .depth2 .depth2M:hover,
.gnbMobile .gnbArea .gnbList .depth1Area .depth1 .depth2Area .depth2 .depth2M:focus,
.gnbMobile .gnbArea .gnbList .depth1Area .depth1 .depth2Area .depth2 .depth2M:active { display:block; padding:8px 15px 6px 30px; background-color:#efefef; }
.gnbMobile .gnbArea .gnbList .depth1Area .depth1 .depth2Area .depth2 .depth2M:hover strong,
.gnbMobile .gnbArea .gnbList .depth1Area .depth1 .depth2Area .depth2 .depth2M:focus strong { display:block; font-size:16px; font-weight:bold; color:#118dcd; }
.gnbMobile .gnbArea .gnbList .depth1Area .depth1 .depth2Area .depth2 .depth2M:hover span,
.gnbMobile .gnbArea .gnbList .depth1Area .depth1 .depth2Area .depth2 .depth2M:focus span { display:block; font-size:14px; color:#118dcd; }
.gnbMobile .gnbArea .gnb_bot_btn { display:none; }
.gnbClose { display:none; position:absolute; top:0; left:280px; right:0; bottom:0; background-color: rgba(127, 194, 183, 0.75); }
.gnbClose .gnbCloseBtn { display:block; width:100%; height:100%; }
.gnbClose .gnbCloseBtn .closeIcon { position:absolute; bottom:35%; right:30px; opacity:0.6; }
.gnbClose .gnbCloseBtn .closeIcon em { display:block; text-align:center; font-size:32px; line-height:40px; color:#fff; }
.gnbClose .gnbCloseBtn .closeIcon span { display:block; text-align:center; font-size:82px; line-height:90px; color:#fff; }
/* footer */
.wrapMain #footer { width: 100%; background-color: #184b7c; margin-top: 30px;}
#footer em { display: block; text-align: center; padding:7px; font-size: 13px; color: #ffffff;}
.wrapSub #footer { width: 100%; background-color: #184b7c; }
/* footer_sub */
#footer_sub{ width: 100%; background-color:#184b7c; margin-top: 50px;}
#footer_sub .footer_sub_w { max-width: 700px; margin-left: auto; margin-right: auto; padding:10px; }
#footer_sub .footer_sub_w ul:after { display: block; height: 100%; clear: both; content: ''; }
#footer_sub .footer_sub_w ul li{ float: left; }
#footer_sub .footer_sub_w ul .logo { width: 25%; margin-right: 7%; margin-top: 5px; }
#footer_sub .footer_sub_w ul .logo a { display: block; max-width:170px; margin-left: auto; margin-right: auto;}
#footer_sub .footer_sub_w ul .logo a img { width: 100%; }
#footer_sub .footer_sub_w ul .add { margin-top: 5px; width: 68%}
#footer_sub .footer_sub_w ul .add address { font-size: 14px; line-height:22px; color: #ffffff; }
#footer_sub .footer_sub_w ul .add em { font-size: 14px; line-height:22px; color: #ffffff; }
.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: 600px; 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 { padding: 20% 10%; }
.mainSlide .msArea .mstBox a dl dt { font-size: 1.5rem; line-height: 2rem; color: #fff; }
.mainSlide .msArea .mstBox a dl dd em { display: block; font-size: 2.5rem; line-height: 3rem; color: #fff; font-weight: 700; margin-top: 15px; }
.mainSlide .msArea .mstBox a dl dd p { font-size: 1.5rem; line-height: 2.1rem; color: #fff; margin-top: 17px; }
.mainSlide .msArea .mstBox a dl dd button { width: 250px; height: 45px; border: none; background-color: #50bcb6; margin-top: 30px; color: #fff; font-size: 15px; cursor: pointer; }
.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: #50bcb6; }
/* mainSlide - control */
.mainSlide .autoBtnArea { position:absolute; bottom:20px; right:60px; display:inline-block; margin-left:auto; margin-right:auto; max-width:1280px; margin-top:-45px; z-index:1003; }
/*NmainSlide*/
.NmainSlide {
margin-top:30px;
}
/*NmainSlide button*/
.NmainSlide .slick-counter{
position: absolute;
top: 5px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
font-size: 20px;
color:#0052a4;
}
.NmainSlide .slick-counter .current {
font-weight: bold;
font-size: 21px;
color:#0052a4;
}
.NmainSlide .slick-counter .total {
font-weight: bold;
font-size: 21px;
color:#0052a4;
}
.NmainSlide2 {
margin-top:30px;
}
.NmainSlideWrap .slick-counter{
margin-top: 50px;
font-size: 20px;
color:#0052a4;
text-align: center;
}
.NmainSlideWrap .slick-counter .current {
font-weight: bold;
font-size: 21px;
color:#0052a4;
}
.NmainSlideWrap .slick-counter .total {
font-weight: bold;
font-size: 21px;
color:#0052a4;
}
/* sec1 */
.sec1 { 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; }
.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%; box-sizing: border-box; padding: 10px 15px; }
.sec1>ul>li a dl.txtTop { position: absolute; top: 0; left: 0; background:#fff; width: 100%; box-sizing: border-box; padding: 10px 15px; text-align: right; }
.sec1>ul>li a dl dt { display: inline-block; background-color: #50bcb6; font-size: 21px; 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: 15px; 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: 25px 15px 30px; }
.sec1>ul>li a:hover dt,
.sec1>ul>li a:focus dt,
.sec1>ul>li a:active dt { background-color: #595959; }
/* sec2 */
.sec2 { 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: #50bcb6; }
/* 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: #50bcb6; }
.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:22px; line-height:20px; color: #333; font-weight: 700;
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 { max-width: 1280px; margin-top: 30px; box-sizing: border-box; margin-left: auto; margin-right: auto;}
.sec3:after { content: ''; clear: both; display: block; }
.sec3 .ssArea { overflow: hidden; }
.sec3 .ssArea:after { display:block; content:''; clear:both; height:0; }
.sec3 .sec3_stit { text-align: center; font-size: 17px; line-height: 22px; display: block; margin-top: 15px; font-weight: 700; }
.sec3>ul>li { float: left; }
.sec3 .mGservice { width: 100%; height: 180px; }
.sec3 .mGservice ul:after { content: ''; clear: both; display: block; }
.sec3 .mGservice ul li { float: left; width: 25%; text-align:center; }
.sec3 .mGservice ul li a { display: block; }
.sec3 .mGservice ul li a .img_serv { display:inline-block; width: 54px; height: 54px; padding: 20px; background-color: #000000; 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: 700; font-size: 18px; line-height: 30px; margin-top: 10px; letter-spacing: -0.5px; color:#000000;
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,
.sec3 .mGservice ul li a:active .img_serv,
.sec3 .mGservice ul li a:focus .img_serv { background-color: #007bc6; }
.sec3 .mGservice ul li a:hover strong,
.sec3 .mGservice ul li a:active strong,
.sec3 .mGservice ul li a:focus strong { color: #007bc6; }
/* sec4 */
.sec4 { width:100%; background-color: #dedede; padding: 30px 0; margin-top: 70px; overflow: hidden; }
.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); }
.mBotBanner { max-width: 1280px; margin-top:30px; box-sizing: border-box; margin-left: auto; margin-right: auto; }
.mBotBanner ul { overflow:hidden; }
.mBotBanner ul:after { display:block; content:""; clear:both; height:0; }
.mBotBanner ul li { width:48%; }
.mBotBanner ul .mbbL { float:left; margin-right:2%; }
.mBotBanner ul .mbbR { float:right; margin-left:2%; }
.mBotBanner ul li a { opacity:0.93;
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;
}
.mBotBanner ul li a:hover,
.mBotBanner ul li a:focus,
.mBotBanner ul li a:active { opacity:1; }
#scrollTop { position:fixed; z-index:9999; bottom:40px; right:40px; width:35px; height:35px; }
#scrollTop .scrTopBtn { display:block; width:35px; height:35px; background-color:#000000;
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;
}
#scrollTop .scrTopBtn:hover,
#scrollTop .scrTopBtn:focus,
#scrollTop .scrTopBtn:active { background-color:#007bc6; }
/* 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; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: center; }
.subVisual dl dt { font-size: 2rem; color: #fff; letter-spacing: -0.8px; }
.subVisual dl dd { font-size: 4.5rem; color: #fff; font-weight: 700; letter-spacing: -0.8px; }
.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: rgb(0,164,228); }
.subVisual .url_print li.icoPrint a { }
.subPaging { }
.subPaging .spWrap:after { content: ''; clear: both; display: block; }
.subPaging .spWrap div { float: left; width: 40%; position: relative; background-color: #000; }
.subPaging .spWrap div.spLeft { float: left; margin-right: 10%; }
.subPaging .spWrap div.spRight { float: right; margin-left: 10%; }
.subPaging .spWrap div>a { 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;
}
.subPaging .spWrap div>a dl { position:relative; overflow:hidden; }
.subPaging .spWrap div>a dl dt { width:100%; height:100%; }
.subPaging .spWrap div>a dl dt img { width:100%; opacity: .85;
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;
}
.subPaging .spWrap div>a dl dd { position:absolute; bottom:0; z-index:1000; padding: 15px 20px 20px 30px; }
.subPaging .spWrap div.spLeft>a dl dd { left:0; text-align: left; }
.subPaging .spWrap div.spRight>a dl dd { right:0; text-align: right; }
.subPaging .spWrap div>a dl dd em img { opacity: .6; }
.subPaging .spWrap div>a dl dd p { font-size:17px; line-height:25px; color:#fff; font-weight: 500; letter-spacing: -0.5px; opacity:1; margin-top: 15px;
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;
}
.subPaging .spWrap div>a:focus dl dt img,
.subPaging .spWrap div>a:hover dl dt img { width:100%; opacity: .3;
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);
}
/* 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:150px; 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.tCc37347 { color:#c37347; }
.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:#50bcb6; }
.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; }
.photo2Type1 { overflow:hidden; }
.photo2Type1:after { display:block; content:""; clear:both; height:0; }
.photo2Type1>li { width:49.5%; 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 { 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 { width: 58%; margin-right:2%; }
.photo2Type3>li.pt2R { width: 38%; margin-left:2%; }
.photo2Type4 { overflow:hidden; }
.photo2Type4:after { display:block; content:""; clear:both; height:0; }
.photo2Type4>p { width:45%; 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;
}
.photo2Type4>p.pt2L {width:10%; margin-right:1%; }
.photo2Type4>p.pt2R {width:86%; margin-left:3%; }
.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%; }
.photo4Type1 { overflow:hidden; }
.photo4Type1:after { display:block; content:""; clear:both; height:0; }
.photo4Type1>li { width:23.5%; float:left; margin-right: 2%;
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;
}
.photo4Type1>li.pt4R { margin-right:0%; }
.photoTypeFlex {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.photoTypeFlex02 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.photoTypeFlex02 .ptf2L {width: 48%; margin-right: 2%;}
.photoTypeFlex02 .ptf2R {width: 48%; margin-left: 2%;}
.photoTypeFlex02 .ptf2L.w58per {width: 58%;}
.photoTypeFlex02 .ptf2R.w38per {width: 38%;}
.sub2_3_line:after {clear: both; height:0; display: block; content: '';}
.sub2_3_line .fl_img { float: left; }
.sub2_3_line .fr_txt { float: right; }
/* sub contents */
.sub1_01_line { width: 5px; height: 50px; margin-left: auto; margin-right: auto; background: #333; }
.sub1_04_flagB { width: 100%; height: 50px; background: url(../images/contents/con1_4_flagB.png) center repeat-x; }
/* 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; border:none; position:absolute; top:50%; display:block; width:20px; height:32px; 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:0px; line-height:0px; 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:'â†'; }
.NmainSlide .slick-arrow .slick-hidden { }
.NmainSlide .slider-nav { width:100%; max-width:1020px;}
.NmainSlide .slick-prev {border:none; background-image: url('../images/sub/sub1_0_prev.png'); background-repeat: no-repeat; background-size: cover; position:absolute; top:20px; width:50px; height:50px; cursor:pointer; /*outline:none;*/ z-index:1000;}
.NmainSlide .slick-next {border:none; background-image: url('../images/sub/sub1_0_next.png'); background-repeat: no-repeat; background-size: cover; position:absolute; top:20px; width:50px; height:50px; cursor:pointer; /*outline:none;*/ z-index:1000; }
.NmainSlide .slick-prev:hover, .NmainSlide.slick-prev:focus{background-image: url('../images/sub/sub1_0_prevactive.png'); background-repeat: no-repeat; background-size: cover; /*outline:none;*/}
.NmainSlide .slick-next:hover, .NmainSlide.slick-next:focus {background-image: url('../images/sub/sub1_0_nextactive.png'); background-repeat: no-repeat; background-size: cover; /*outline:none;*/}
.NmainSlide .slick-prev:hover:before, .NmainSlide .slick-prev:focus:before, .NmainSlide .slick-next:hover:before, .NmainSlide .slick-next:focus:before {}
.NmainSlide .slick-prev .slick-disabled:before,.NmainSlide .slick-next, .NmainSlide .slick-disabled:before {}
.NmainSlide .slick-prev:before, .NmainSlide .slick-next:before {}
.NmainSlide .slick-prev { left:40%; }
[dir='rtl'] .NmainSlide .slick-prev { right:-25px; left:auto; }
.NmainSlide .slick-prev:before { content:'â†'; }
[dir='rtl'] .NmainSlide .slick-prev:before { content:'→'; }
.NmainSlide .slick-next { right:40%; }
[dir='rtl'] .NmainSlide .slick-next { right:auto; left:-25px; }
.NmainSlide .slick-next:before { content:'→'; }
[dir='rtl'] .NmainSlide .slick-next:before { content:'â†'; }
.NmainSlideWrap .slick-arrow .slick-hidden { }
.NmainSlideWrap .slider-nav { width:100%; max-width:1020px;}
.NmainSlideWrap .slick-prev {border:none; background-image: url('../images/sub/sub1_0_prev.png'); background-repeat: no-repeat; background-size: cover; position:absolute; top: inherit; bottom:-115px !important; width:50px; height:50px; cursor:pointer; /*outline:none;*/ z-index:1000;}
.NmainSlideWrap .slick-next {border:none; background-image: url('../images/sub/sub1_0_next.png'); background-repeat: no-repeat; background-size: cover; position:absolute; top:inherit; bottom:-115px !important; width:50px; height:50px; cursor:pointer; /*outline:none;*/ z-index:1000; }
.NmainSlideWrap .slick-prev:hover, .NmainSlideWrap.slick-prev:focus{background-image: url('../images/sub/sub1_0_prevactive.png'); background-repeat: no-repeat; background-size: cover; /*outline:none;*/}
.NmainSlideWrap .slick-next:hover, .NmainSlideWrap.slick-next:focus {background-image: url('../images/sub/sub1_0_nextactive.png'); background-repeat: no-repeat; background-size: cover; /*outline:none;*/}
.NmainSlideWrap .slick-prev:hover:before, .NmainSlideWrap .slick-prev:focus:before, .NmainSlideWrap .slick-next:hover:before, .NmainSlideWrap .slick-next:focus:before {}
.NmainSlideWrap .slick-prev .slick-disabled:before,.NmainSlideWrap .slick-next, .NmainSlideWrap .slick-disabled:before {}
.NmainSlideWrap .slick-prev:before, .NmainSlideWrap .slick-next:before {}
.NmainSlideWrap .slick-prev { left:40%; }
[dir='rtl'] .NmainSlideWrap .slick-prev { right:-25px; left:auto; }
.NmainSlideWrap .slick-prev:before { content:'â†'; }
[dir='rtl'] .NmainSlideWrap .slick-prev:before { content:'→'; }
.NmainSlideWrap .slick-next { right:40%; }
[dir='rtl'] .NmainSlideWrap .slick-next { right:auto; left:-25px; }
.NmainSlideWrap .slick-next:before { content:'→'; }
[dir='rtl'] .NmainSlideWrap .slick-next:before { content:'â†'; }
/* Dots */
.slick-dotted.slick-slider { }
.slick-dots { width:100%; padding:0; margin:0; list-style:none; text-align:center; }
.slick-dots li { cursor:pointer; }
.slick-dots li button { 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; }
.blockMain { }
.blockA { border-bottom:1px solid #ddd; }
.blockA:after { display:block; content:""; clear:both; height:0px; }
.blockAarea:after { display:block; content:""; clear:both; height:0px; }
.blockAarea { height:600px; position:relative; }
.slideMain { width:100%; height:100%; position:relative; }
.slideMain .slick-dots { position:absolute; bottom:4%; z-index:1200; }
.slideMain .slick-dots li { display:inline-block; margin:0 5px; width:12px; height:12px; background-color:#fff; border-radius: 100%; opacity:0.5; }
.slideMain .slick-dots li.slick-active { opacity:1; background-color:#0052a4; }
.slideMain .slick-list { height:100%; }
.slideMain .slick-list .slick-track { height:100%; }
.slideMain.w100per { width:100%; }
.slideMain .smImg { height: 100%; background-repeat:no-repeat; background-size:cover; }
.slideMain .sstTxtLink { position: absolute; width: 50%; height: 100%; top: 0; right: 0; background-color: rgba(255,255,255,0.5);
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;
}
.slideMain .sstTxtLink:hover { background-color: rgba(255,255,255,0.5); }
.slideMain .sstTxtLink.sstTxtLink2 { position: absolute; width: 50%; height: 100%; top: 0; right: 0; background-color: rgba(255,255,255,0.8);
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;
}
.slideMain .sstTxtLink.sstTxtLink2:hover { background-color: rgba(255,255,255,0.8); }
.slideMain .smImg .sstTxtLink div { width: 100%; height: 100%; position:relative;
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;
}
.slideMain .smImg .sstTxtLink div dl {
position: absolute; padding-right: 10px; left: 10%; top: 32%; transform: translateX(-10%); transform: translateY(-40%);
-webkit-transform: translateX(-10%);
-ms-transform: translateX(-10%);
-webkit-transform: translateY(-40%);
-ms-transform: translateY(-40%);
}
.slideMain .smImg .sstTxtLink div dl { letter-spacing: -1px; }
.slideMain .smImg .sstTxtLink div dl dt { font-size: 1.5rem; line-height: 2rem; color: #333333; }
.slideMain .smImg .sstTxtLink div dl dd em { display: block; font-size: 3rem; line-height: 4rem; color: #333333; font-weight: 700; margin-top: 15px; }
.slideMain .smImg .sstTxtLink div dl dd p { margin-top: 17px; }
.slideMain .smImg .sstTxtLink div dl dd p span { font-size: 1.5rem; line-height: 2.1rem; color: #333333; display: inline-block;}
.slideMain .smImg .sstTxtLink div dl dd button { width: 250px; height: 45px; border: none; background-color: #0052a4; margin-top: 20px; color: #ffffff; font-size: 15px; cursor: pointer; }
.slideMain .smImg .sstTxtLink div dl dd button:hover,
.slideMain .smImg .sstTxtLink div dl dd button:focus,
.slideMain .smImg .sstTxtLink div dl dd button:active { outline: none; }
.slideMain .slick-prev { background: url(../images/main/arrow_prev.png) no-repeat; }
.slideMain .slick-next { background: url(../images/main/arrow_next.png) no-repeat; }
.slideMain .slick-prev,
.slideMain .slick-next { opacity: .3;
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;
}
.slideMain .slick-prev:hover,
.slideMain .slick-prev:active,
.slideMain .slick-prev:focus,
.slideMain .slick-next:hoer,
.slideMain .slick-next:active,
.slideMain .slick-next:focus { opacity: 1; }
.slideMain .sstTxtLink a:hover span.vlBtn, .slideMain .sstTxtLink a:focus span.vlBtn , .slideMain .sstTxtLink a:active span.vlBtn { color:#fff; background-color:#0052a4; }
.slideStArea { width: 100%; height: 10%; left: 0; min-height: 100px; position: absolute; bottom: 90px; z-index: 1500; }
.slideSthum { max-width:606px; height:100%; margin:0 auto; }
.slideSthum .slick-list.draggable { padding:0 !important; cursor:pointer; }
.slideSthum .stImg { height:100px; border: 1px solid #a09f9b; background-repeat:no-repeat; background-position:center; background-size:cover; margin:0 10px; }
.slideSthum .stImg a { display:block; width:100%; height:100%; font-size:0; line-height:0; text-indent:-99999999px; }
.slideSthum .stImg a:focus,
.slideSthum .stImg a:hover,
.slideSthum .stImg a:active { outline: none; }
.slideSthum .slick-slide { opacity:0.5; }
.slideSthum .slick-slide.slick-center { opacity:1; }
.slideSthum .slick-arrow { width:20px; height:34px; border:0; background-image:url('../images/main/ssm_arrow.png'); background-repeat:no-repeat; opacity:0.5; }
.slideSthum .slick-arrow:hover, .slideSthum .slick-arrow:focus { opacity:1; }
.slideSthum .slick-arrow:before { font-size:0; line-height:0; text-indent:-99999999px; }
.slideSthum .slick-prev { background-position:0 0; left:-35px; }
.slideSthum .slick-prev:hover,
.slideSthum .slick-prev:focus,
.slideSthum .slick-prev:active { background-position:0 -34px; outline: none; }
.slideSthum .slick-next { background-position:-20px 0; right:-35px; }
.slideSthum .slick-next:hover,
.slideSthum .slick-next:focus,
.slideSthum .slick-next:active { background-position:-20px -34px; outline: none; }
.slideItem3 { padding-bottom:20px; }
/* .slideItem3 .slick-list.draggable { padding:0 !important; } */
.slideItem3 .sItem { margin:0 10px;}
.slideItem3 .sItem dl { }
.slideItem3 .sItem dl dt { }
.slideItem3 .sItem dl dt img {border-radius: 15px; border: 1px solid #a59ca1;}
.slideItem3 .sItem dl dd { }
.slideItem3 .sItem dl dd h5 { text-align:center; font-size:16px; margin-top:5px; }
.slideItem3 .sItem dl dd p { text-align:center; font-size:14px; margin-top:5px; line-height:18px; }
.slideItem3 .slick-slide { opacity:1;
transition:.3s ease-in-out .3s;
-webkit-transition:.3s ease-in-out .3s;
-moz-transition:.3s ease-in-out .3s;
-o-transition:.3s ease-in-out .3s;
-ms-transition:.3s ease-in-out .3s;
}
.slideItem3 .slick-slide.slick-center { opacity:1; }
.slideItem3 .slick-slide a:hover,
.slideItem3 .slick-slide a:focus,
.slideItem3 .slick-slide a:active { outline: none; }
.slick-initialized .slick-slide:hover,
.slick-initialized .slick-slide:focus,
.slick-initialized .slick-slide:active { outline: none; }
.blockAarea .autobt{ display: none; position:absolute; bottom:20px; left:50%; margin-left:-25px; margin-top:-10px; width:50px; height:50px; background-color:inherit; background-color: transparent; border:none; font-size:0; line-height:0; cursor:pointer; z-index:9; background-repeat:no-repeat;
transition:.1s ease-out;
-webkit-transition:.1s ease-out;
-moz-transition:.1s ease-out;
-o-transition:.1s ease-out;
-ms-transition:.1s ease-out;
}
.blockAarea .autobt.play{ background-image:url(../images/main/bt_play_50.png);
transition:.1s ease-out;
-webkit-transition:.1s ease-out;
-moz-transition:.1s ease-out;
-o-transition:.1s ease-out;
-ms-transition:.1s ease-out;
}
.blockAarea .autobt.play:hover,
.blockAarea .autobt.play:active,
.blockAarea .autobt.play:focus { background-image:url(../images/main/bt_play_50_hover.png); outline: none; }
.blockAarea .autobt.stop{ background-image:url(../images/main/bt_stop_50.png);
transition:.1s ease-out;
-webkit-transition:.1s ease-out;
-moz-transition:.1s ease-out;
-o-transition:.1s ease-out;
-ms-transition:.1s ease-out;
}
.blockAarea .autobt.stop:hover,
.blockAarea .autobt.stop:active,
.blockAarea .autobt.stop:focus { background-image:url(../images/main/bt_stop_50_hover.png); outline: none; }
.bbThum:after { display:block; content:""; clear:both; height:0px; }
.bbThum li { float:left; width:25%;
transition:all .3s ease-in-out .3s;
-webkit-transition:all .3s ease-in-out .3s;
-moz-transition:all .3s ease-in-out .3s;
-o-transition:all .3s ease-in-out .3s;
-ms-transition:all .3s ease-in-out .3s;
}
.bbThum li a { position:relative; display:block; }
.bbThum li a span { padding:5px; width:50%; display:block; background-color:#000; opacity:0.65; position:absolute; right:0; bottom:0; color:#fff; font-size:14px; line-height:18px; }
.bbThum li a:hover span, .bbThum li a:active span { color:#fff56f; opacity:1; }
.tit_mBlock { font-size:18px; color:#ff7800; border-bottom:1px solid #ccc; padding-bottom:5px; margin-top:15px; }
.blockC { overflow:hidden; padding-bottom:1.5%; }
.blockCarea { }
.blockCarea .llBtn1 { background-color:#005dab; border:1px solid #005dab; color:#fff; padding:8px 10px; font-size:14PX; text-align:center; display:inline-block; margin:2.5% 0; border-radius:5px;
transition:.1s ease-out;
-webkit-transition:.1s ease-out;
-moz-transition:.1s ease-out;
-o-transition:.1s ease-out;
-ms-transition:.1s ease-out;
}
.blockCarea .llBtn1:hover,
.blockCarea .llBtn1:focus,
.blockCarea .llBtn1:active { background-color:#fff; color:#005dab; border:1px solid #005dab; }
.blockCarea .llBtn2 { background-color:#005dab; border:1px solid #005dab; color:#fff; padding:8px 10px; font-size:14PX; text-align:center; display:inline-block; margin:2.5% 0; border-radius:5px;
transition:.1s ease-out;
-webkit-transition:.1s ease-out;
-moz-transition:.1s ease-out;
-o-transition:.1s ease-out;
-ms-transition:.1s ease-out;
}
.blockCarea .llBtn2:hover,
.blockCarea .llBtn2:focus,
.blockCarea .llBtn2:active { background-color:#fff; color:#005dab; border:1px solid #005dab; }
.tit_mClock { text-align:center; padding-bottom:2%; margin-top:4%; }
.tit_mClock.line1,
.tit_mClock.line2,
.tit_mClock.line3 { background:url('../images/common/sort_listH1.png') center bottom no-repeat; }
.tit_mClock.line4 { background:url('../images/common/sort_listH1_2.png') center bottom no-repeat; }
.tit_mClock span { font-size:24px; font-weight:900; padding-bottom:15px; display:inline-block; }
.tit_mClock.txtko span { font-family:'Noto Sans KR'; font-size:24px; font-weight:700; padding-bottom:15px; display:inline-block; }
.tit_mClock.last span { color:#333; }
.blockCarea .autobt { display: none; position:relative; left:50%; margin-left:-25px; width:50px; height:50px; margin-bottom:15px; background-color:inherit; background-color: transparent; border:none; font-size:0; line-height:0; cursor:pointer; z-index:99; background-repeat:no-repeat; }
.blockCarea .autobt.play{ background-image:url(../images/main/bt_play_50.png);
transition:.1s ease-out;
-webkit-transition:.1s ease-out;
-moz-transition:.1s ease-out;
-o-transition:.1s ease-out;
-ms-transition:.1s ease-out;
}
.blockCarea .autobt.play:hover,
.blockCarea .autobt.play:active,
.blockCarea .autobt.play:focus { background-image:url(../images/main/bt_play_50_hover.png); outline: none; }
.blockCarea .autobt.stop{ background-image:url(../images/main/bt_stop_50.png);
transition:.1s ease-out;
-webkit-transition:.1s ease-out;
-moz-transition:.1s ease-out;
-o-transition:.1s ease-out;
-ms-transition:.1s ease-out;
}
.blockCarea .autobt.stop:hover,
.blockCarea .autobt.stop:active,
.blockCarea .autobt.stop:focus { background-image:url(../images/main/bt_stop_50_hover.png); outline: none; }
.slideItem3 .slick-arrow { width:20px; height:39px; background-image:url('../images/main/ss_arrow.png'); background-repeat:no-repeat; }
.slideItem3 .slick-prev { border:0; background-position:0px 0px; left:-35px; }
.slideItem3 .slick-prev:hover,
.slideItem3 .slick-prev:focus,
.slideItem3 .slick-prev:active { background-position:0px -39px; outline: none; }
.slideItem3 .slick-next { border:0; background-position:-20px 0px; right:-35px; }
.slideItem3 .slick-next:hover,
.slideItem3 .slick-next:focus,
.slideItem3 .slick-next:active { background-position:-20px -39px; outline: none; }
.slideItem3 .slick-prev::before,
.slideItem3 .slick-next::before { font-size:0; text-indent:-9999999px; }
/*sub_link*/
.sub_link2 { max-width: 390px; margin-right: auto; margin-left: auto; }
.sub_link2 .sub_sns { overflow: hidden; }
.sub_link2 ul li { float: left; }
.sub_link2 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_link2 .sns_txt { background-color: #184b7c; }
.sub_link2 .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_link2 ul li.icoUrl a { background:#f5f5f5 url(../images/sub/url_icon.png) center no-repeat; }
.sub_link2 ul li.icoPrint a { background:#a3a3a3 url(../images/sub/print_icon.png) center no-repeat; }
.sub_link2 ul li.icoTwitter a { background-image: url(../images/sub/twitter_icon.png); }
.sub_link2 ul li.icoFacebook a { background-image: url(../images/sub/facebook_icon.png); }
.sub_link2 ul li.icoBlog a { background-image: url(../images/sub/blog_icon.png); }
.sub_link2 ul li.icoBand a { background-image: url(../images/sub/band_icon.png); }
.sub_link2 ul li.icoStory a { background-image: url(../images/sub/story_icon.png); }
.sub_link2 ul li.icoUrl a:hover,
.sub_link2 ul li.icoUrl a:focus,
.sub_link2 ul li.icoUrl a:active { background-image: url(../images/sub/url_icon_hover.png); background-color: #7c7c7c; }
.sub_link2 ul li.icoPrint a:hover,
.sub_link2 ul li.icoPrint a:focus,
.sub_link2 ul li.icoPrint a:active { background-image: url(../images/sub/print_icon_hover.png); background-color: #ddd; }
.sub_link2 ul li.icoTwitter a:hover,
.sub_link2 ul li.icoTwitter a:focus,
.sub_link2 ul li.icoTwitter a:active { background-image: url(../images/sub/twitter_icon_hover.png); background-color: #33a1ef; }
.sub_link2 ul li.icoFacebook a:hover,
.sub_link2 ul li.icoFacebook a:focus,
.sub_link2 ul li.icoFacebook a:active { background-image: url(../images/sub/facebook_icon_hover.png); background-color: #3b5998; }
.sub_link2 ul li.icoBlog a:hover,
.sub_link2 ul li.icoBlog a:focus,
.sub_link2 ul li.icoBlog a:active { background-image: url(../images/sub/blog_icon_hover.png); background-color: #2eb300; }
.sub_link2 ul li.icoBand a:hover,
.sub_link2 ul li.icoBand a:focus,
.sub_link2 ul li.icoBand a:active { background-image: url(../images/sub/band_icon_hover.png); background-color: #2eb300; }
.sub_link2 ul li.icoStory a:hover,
.sub_link2 ul li.icoStory a:focus,
.sub_link2 ul li.icoStory a:active { background-image: url(../images/sub/story_icon_hover.png); background-color: #f7ca37; }
/*mailBox*/
.mail_back { background: url(../images/contents/mail_back.jpg) top center; }
.mail_box1 { margin-top: -11px; }
.mail_box1 dt { font-size: 17px; font-weight: 500; color: #fff; text-align: center; background-color: #ff7129; }
.mail_box1 dd { border: 1px solid #ff7129; background-color: #ffffff;}
.mail_quizB { float: left; display: inline-block; background:url(../images/contents/mail_quizB.jpg) 50% 50% no-repeat; font-size: 18px; padding: 10px; margin-right: 10px; }
.mail_quizB2 { float: left; display: inline-block; width: 50px; height: 50px; background-size: cover; background:url(../images/contents/mail_quizB.jpg) 50% 50% no-repeat; font-size: 18px; }
.mail_quizB:after { content: ''; clear: both; display: block; height: 0; }
.mail_quizB2:after { content: ''; clear: both; display: block; height: 0; }
.mail_quiz_Po{top: -15px; left: 8px;}
.mail_quiz_iPo{position: absolute; z-index: 10; top: -15px; left: 1px;}
.mail_quiz_sPo{position: absolute; margin-left: 12px; margin-top: 1px; top: -15px; left: -8px;}
.mail_quiz_sPo2{position: absolute; margin-left: 12px; margin-top: 1px; top: -15px; left: -8px;}
.mailpost .sboxing { border:1px solid #ccc; padding: 5px; }
.mailpost .sboxing textarea { width:100%; resize:none; border:0; }
.mailpost .sboxing textarea:hover,
.mailpost .sboxing textarea:active,
.mailpost .sboxing textarea:focus { outline: none; }
.mailpost .boxing { border:1px solid #ccc; padding: 10px; }
.mailpost .boxing textarea { width:100%; height:70px; resize:none; border:0; }
.mailpost .radioLayer input[type="radio"] { vertical-align:middle; }
.mailpost .radioLayer label { display:inline-block; vertical-align:middle; font-size:16px; line-height:26px; }
.mailpost .quizBox input[type="text"] { height: 30px; font-size: 15px; width: 150px; display: inline-block; border: 1px solid #ccc; }
.mailpost .rc_submit input:hover,
.mailpost .rc_submit input:focus,
.mailpost .rc_submit input:active { background-color:#005da4; outline: none; }
.agree { margin:20px 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: 500; color: #ef413d; }
.agree .agree_check ul li input[name=agreeChk] { position:absolute; width:0; height:0; top:0; left:0; border:0; display: none;}
.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: 500; padding-left:23px; display:inline-block; min-height:20px; }
.agree .agree_check ul li label.chkTxt { color:#333; font-size:16px; font-weight: 500; }
/*구독신청*/
.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; /*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; }
.instant_wrap { display: block; border: none; height: 100vh; }
/*cartoon*/
.wToonWrap { }
.wToon { }
.wToon:after { display:block; content:""; clear:both; height:0; }
.wToon li { float:left; font-size:0; line-height:0; }
.wToon li a { display:block; font-size:0; line-height:0; cursor: default; }
.wToon li a img { box-sizing:border-box; width:100%; }
.wToon li a:hover img,
.wToon li a:focus img { position:relative; z-index:1000; outline:2px solid #ed1c24; }
.wToon li.wToon00 { width:52.27%; margin-bottom:0px; }
.wToon li.wToon01 { width:47.73%; margin-bottom:0px; }
.wToon li.wToon02 { width:52.27%; margin-bottom:0px; }
.wToon li.wToon03 { width:47.73%; margin-bottom:0px; }
.wToon li.wToon04 { width:42.898%; margin-bottom:0px; }
.wToon li.wToon05 { width:57.102%; margin-bottom:0px; }
.wToon li.wToon06 { width:33.172%; margin-bottom:0px; }
.wToon li.wToon07 { width:66.828%; margin-bottom:0px; }
.wToon li.wToon08 { width:100%; margin-bottom:0px; }
.wToon li.wToon09 { width:100%; margin-bottom:0px; }
/*noti*/
.noti_con1Back { background: url(../images/contents/noti_con1Back.jpg); }
.noti_con2Back { background: url(../images/contents/noti_con2Back.jpg); }
.noti_con3Back1 { background: url(../images/contents/noti_con3Back1.jpg); }
.noti_con3Back2 { background: url(../images/contents/noti_con3Back2.jpg); }
.noti_conTxt { line-height: 25px; margin-top: 30px; }
.noti_conTxt>dt { font-size: 17px; font-weight: 700; padding: 5px 10px; }
.noti_conTxt dd strong { display: block; font-size: 16px; font-weight: 700; text-decoration: underline; margin-left: 10px; margin-top: 5px; }
.noti_conTxt dl { margin-left: 10px; letter-spacing: -0.5px; }
.noti_conTxt dl dt,
.noti_conTxt dl dd { font-size: 16px; }
.noti_conTxt dl a { font-size: 16px; }
.noti_conSli:after { content: ''; clear: both; display: block; height: 0; }
.noti_conSli .noti_conSliL,
.noti_conSli .noti_conSliR { float: left; width: 48%; }
.noti_conSli .noti_conSliL { margin-right: 2%; }
.noti_conSli .noti_conSliR { margin-left: 2%; }
.noti_con3Table { width: 100%; }
.noti_con3Table tbody th,
.noti_con3Table tbody td { font-size: 14px; padding: 10px 0; }
.tab_menu_btn { opacity: 0.2;
transition:.5s ease;
-webkit-transition:.5s ease;
-moz-transition:.5s ease;
-o-transition:.5s ease;
-ms-transition:.5s ease;
}
.tab_menu_btn:hover,
.tab_menu_btn:focus,
.tab_menu_btn:active { opacity: 1; }
.tab_menu_btn.on { opacity: 1; }
.tab_menu_btn img { display: block; width: 100%; max-width: 150px; margin-left: auto; margin-right: auto; }
.sub3_3_title:after { content: ''; clear: both; display: block; }
.sub3_3_title .sub3_3_titleL,
.sub3_3_title .sub3_3_titleR { float: left; width: 49%; margin-right: 1%; }
.sub3_3_title .sub3_3_titleT h5 { font-size: 31px; line-height: 40px; }
.sub3_3_title .sub3_3_titleT strong { font-size: 18px; line-height: 28px; margin-top: 12px; }
.tab_menu_container { display:flex; }
.tab_box { display:none; }
.tab_box.on { display:block; }
.mailBox4 { overflow:hidden; }
.mailBox4:after { display:block; content:""; clear:both; height:0; }
.mailBox4>p { width:45%; 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;
}
.mailBox4>p.mBOX4_L {width:10%; margin-right:1%; }
.mailBox4>p.mBOX4_R {width:86%; margin-left:3%; }
/*sub*/
.sub1_01Table { width: 100%; }
.sub1_01Table thead th,
.sub1_01Table tbody th,
.sub1_01Table tbody td { border-top: 1px solid #333; border-right: 1px solid #333; text-align: left; font-size: 16px; line-height: 25px; letter-spacing: -0.6px; padding: 5px; }
.sub1_01Table thead th { font-weight: bold; text-align: left; }
.sub1_2_sec1:after { content: ''; display: block; clear: both; }
.sub1_2_sec1 .sub1_2_sec1L { float: left; width: 30%; margin-right: 5%; }
.sub1_2_sec1 .sub1_2_sec1R { float: left; width: 65%; }
.sub1_2_sec2:after { content: ''; display: block; clear: both; }
.sub1_2_sec2 .sub1_2_sec2L { float: left; width: 65%; margin-right: 5%; }
.sub1_2_sec2 .sub1_2_sec2R { float: left; width: 30%; }
.sub1_2_titleS:after { content: ''; display: block; clear: both; }
.sub1_2_titleS .pt2L { float: left; width: 75%; }
.sub1_2_titleS .pt2R { float: left; width: 25%; }
.con1_3_div:after { content: ''; clear: both; display: block; height: 0; }
.con1_3_div .con1_3_divL { float: left; width: 38%; padding-right: 2%; }
.con1_3_div .con1_3_divR { float: left; width: 60%; }
.sub2_1_table { width: 100%; }
.sub2_1_table thead th { background-color: #7ca0ce; color: #fff; border-right: 1px solid #fff; font-weight: bold; }
.sub2_1_table thead th,
.sub2_1_table tbody th,
.sub2_1_table tbody td { font-size: 15px; line-height: 23px; text-align: center; padding: 7px; }
.sub2_1_table tbody th { font-weight: bold; }
.sub2_1_table tbody th,
.sub2_1_table tbody td { border-right: 1px solid #333; border-bottom: 1px solid #333; color: #333; }
.sub2_1_table tbody tr.colorB { background-color: #f4f6fb; }
.sub2_1_table tbody td.bRnone { border-right: none; }
.sub2_1_table3 { width: 100%; }
.sub2_1_table3 tbody th { background-color: #3e6091; border-bottom: 1px solid #fff; color: #fff; font-weight: bold; }
.sub2_1_table3 tbody th,
.sub2_1_table3 tbody td { border-top: 1px solid #3e6091; font-size: 15px; line-height: 22px; padding: 10px; }
.con2_1_table2 { width: 100%; }
.con2_1_table2 thead th { background-color: #3e6091; color: #fff; font-weight: bold; border-bottom: 1px solid #fff; border-right: 1px solid #fff; }
.con2_1_table2 thead th,
.con2_1_table2 tbody th,
.con2_1_table2 tbody td { font-size: 16px; padding: 5px 10px; text-align: center; }
.con2_1_table2 tbody th,
.con2_1_table2 tbody td { border-bottom: 1px solid #333; border-right: 1px solid #333; }
.con2_2_table1 { width: 100%; }
.con2_2_table1 thead th { background-color: #957f70; color: #fff; font-weight: bold; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
.con2_2_table1 thead th,
.con2_2_table1 tbody th,
.con2_2_table1 tbody td { font-size: 15px; line-height: 22px; padding: 5px; text-align: center; }
.con2_2_table1 tbody th,
.con2_2_table1 tbody td { border-left: 1px solid #333; border-top: 1px solid #333; border-bottom: 1px solid #333; }
.con2_2_table1 .bGb { background-color: #f9f7f6; }
.con2_2_table1 .fCb { color: #957f70; font-weight: 500; }
.con2_2_table1 .fWb { font-weight: bold; }
.sub2_2_table{ width: 100%; }
.sub2_2_table thead tr th{ font-size: 15px; color: #333333; padding: 5px; text-align: center;}
.sub2_2_table tbody tr th{ font-size: 15px; color: #333333; padding: 5px; text-align: center;}
.sub2_2_table tbody tr td{ font-size: 15px; color: #333333; text-align: center; padding: 5px;}
.sub2_2_table2{ width: 100%; }
.sub2_2_table2 thead tr th{ font-size: 15px; color: #ffffff; padding: 5px; background-color: #557bbc; font-weight: 500;}
.sub2_2_table2 tbody tr th{ font-size: 15px; color: #333333; padding: 5px;}
.sub2_2_table2 tbody tr td{ font-size: 15px; color: #333333; text-align: center; padding: 5px;}
.sub3_2_table{width: 100%;}
.sub3_2_table thead tr th{ padding:5px; font-size: 15px; color: #ffffff; font-weight: 500; text-align:center; background-color: #58b4c3;}
.sub3_2_table tbody tr th{ padding:10px; font-size: 15px; color: #333333; text-align:center; background-color: #f7fbfc; }
.sub3_2_table tbody tr td{ padding:10px; font-size: 15px; color: #333333; text-align:center; background-color: #ffffff; }
.sub1_2_back { background: url(../images/contents/con1_2_back.jpg) 50%; background-size: 100%; }
.sub2_1_back { background: url(../images/contents/con2_1_back.jpg); }
.sub2_2_back { background: url(../images/contents/con2_2_back.jpg); }
.con1_3_back { background: url(../images/contents/con1_3_back.jpg); }
.sub3_3line { max-width: 50px; margin-left: auto; margin-right: auto; height: 1px; background-color: #333333; }
.con4_1_back { background: url(../images/contents/con4_1_back.png); background-position: contain; background-color: #d6e0ec;}
.con4_1float { position:relative; overflow:hidden; }
.con4_1float:after { display:block; content:""; clear:both; height:0; }
.con4_1float dt { float:left; width:20%; margin-right: 5%; }
.con4_1float dt img { width:100%; }
.con4_1float dd { width:75%; float:right; }
.con4_2_back { background: url(../images/contents/con4_2_back.jpg); background-repeat: repeat; background-size:contain; }
.con4_2_border {position: relative; border: 1px solid #333; background:#fff;}
.con4_2_border2 {position: relative; border: 1px solid #333;}
.con4_2_arr {position: absolute; top: -27px; left: 50%; transform: translateX(-50%);}
.sub4_2_table2 { width: 100%; }
.sub4_2_table2 thead tr th {font-size: 15px; color: #ffffff; padding: 30px 5px; background-color: #62537e; text-align: center; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
.sub4_2_table2 tbody tr td {font-size: 15px; color: #333333; padding: 10px 5px; text-align: center; border-right: 1px solid #999999; border-bottom: 1px solid #999999;}
.sub4_2_table2 tbody tr:first-child td:first-child {background-color: #f4f2f5; }
.sub4_2_table2 tbody tr td:last-child {border-right: none;}
.con5_1_back { background: url(../images/contents/con5_1_back.jpg); }
.con5_1_border { position: relative; border: 5px solid #333; background:#fff; }
.con5_1_squ1 { position: absolute; top: -7px; left: -7px; }
.con5_1_squ2 { position: absolute; top: -7px; right: -7px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.con5_1_squ3 { position: absolute; bottom: -7px; right: -7px;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
.con5_1_squ4 { position: absolute; bottom: -7px; left: -7px;
transform: rotate(270deg);
-webkit-transform: rotate(270deg);
}
.con5_1_table { width: 100%; }
.con5_1_table thead th { background-color: #80c2b7; color: #fff; border-right: 1px solid #fff; font-weight: bold; }
.con5_1_table thead th,
.con5_1_table tbody th,
.con5_1_table tbody td { font-size: 15px; line-height: 23px; text-align: center; padding: 7px; }
.con5_1_table tbody th { font-weight: bold; }
.con5_1_table tbody th,
.con5_1_table tbody td { border-right: 1px solid #333; border-bottom: 1px solid #333; color: #777777; }
.con5_1_table tbody tr.colorB { background-color: #f1f7f7; }
.con5_2_table thead th.bRnone,
.con5_1_table tbody td.bRnone { border-right: none; }
.con5_4_back { background: url(../images/contents/con5_4_back.jpg); }
.history { background:url('../images/contents/hisArrowTop.png') left top no-repeat; padding-top:20px; }
.history .hisList { background:url('../images/contents/hisArrowLine.png') left top repeat-y; }
.history .hisList .hisYear { background:url('../images/contents/con2_2_tri.png') 2px center no-repeat; font-size:23px; font-style:italic; font-family:'Noto Serif KR'; font-weight:700; padding-left:25px; }
.history .hisList .hisYl { margin-top:15px; padding-left:25px; }
.history .hisList .hisYl li { text-align:justify; color:#333; line-height:27px; font-size:17px; padding-left:0; }
.sub2_3_pro { display:inline-block; width: 100%; }
.sub2_3_pro .sub2_3_focus li { float: left; width: 19%; overflow: hidden;}
.sub2_3_pro .sub2_3_focus li.sub2_3_focus1,
.sub2_3_pro .sub2_3_focus li.sub2_3_focus2,
.sub2_3_pro .sub2_3_focus li.sub2_3_focus3,
.sub2_3_pro .sub2_3_focus li.sub2_3_focus4 { margin-right: 1.25%; }
.sub4_2_table { width: 100%; }
.sub4_2_table thead tr th {font-size: 15px; color: #ffffff; padding: 30px 5px; background-color: #62537e; text-align: center; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
.sub4_2_table tbody tr td {font-size: 15px; color: #333333; padding: 20px 5px; text-align: center; border-right: 1px solid #999999; border-bottom: 1px solid #999999;}
.sub4_2_table tbody tr td:last-child {border-right: none;}
.con2_1_table { width: 100%; }
.con2_1_table thead th { background-color: #887368; color: #fff; font-weight: bold; }
.con2_1_table thead th,
.con2_1_table tbody th,
.con2_1_table tbody td { font-size: 16px; padding: 5px 10px; text-align: center; }
.con2_1_table tbody th,
.con2_1_table tbody td { border-bottom: 1px solid #333; }
.con2_1_table .backC { background-color: #f6f3f2; }
.con2_1_table .fontC { color: #887368; font-weight: bold; }
.sub2_1_box1:after { content: ''; clear: both; display: block; }
.sub2_1_box1 .sub2_1_box1L { float: left; width: 20%; margin-right: 2%; }
.sub2_1_box1 .sub2_1_box1R { width: 78%; vertical-align: center; color: #3e6091; font-size: 17px; line-height: 28px; font-weight: bold; }
.sub3_3_titlePC { }
.sub3_3_titleMO { display: none; }
.sub3_3table {width: 100%;}
.sub3_3table thead th { background-color:#d4746a; color:#fff; text-align: center; font-weight: bold; font-size:17px; }
.sub3_3table thead th,
.sub3_3table tbody th,
.sub3_3table tbody td { font-size: 16px; padding: 5px 10px; text-align: center; }
.sub3_3table tbody td { border-bottom: 1px solid #333; }
.sub3_3table td { color:#333; font-size:17px; text-align: center; border-bottom:1px solid #333}
.con4_2_sec:after { content: ''; clear: both; display: block; }
.con4_2_sec .con4_secL{float: left; width: 60%; margin-right: 4%;}
.con4_2_sec .con4_secR{float: left; width: 35%; }
.spring2021_1_table { width: 100%; }
.spring2021_1_table thead th { background-color: #8ca7d2; color: #fff; border-right: 1px solid #fff; font-weight: bold; }
.spring2021_1_table thead th,
.spring2021_1_table tbody th,
.spring2021_1_table tbody td { font-size: 15px; line-height: 23px; text-align: center; padding: 7px; }
.spring2021_1_table tbody th { background-color: #8ca7d2; color: #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; font-weight: bold; }
.spring2021_1_table tbody td { border-right: 1px solid #333; border-bottom: 1px solid #333; color: #777777; }
.spring2021_1_table tbody tr.colorB { background-color: #f0f2f9; }
.spring2021_1_table tbody td.bRnone { border-right: none; }
.spring2021_2_table { width: 100%; }
.spring2021_2_table thead th { background-color: #a8bd83; color: #fff; border-right: 1px solid #fff; font-weight: bold; }
.spring2021_2_table thead th,
.spring2021_2_table tbody th,
.spring2021_2_table tbody td { font-size: 15px; line-height: 23px; text-align: center; padding: 7px; }
.spring2021_2_table tbody th { background-color: #a8bd83; color: #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; font-weight: bold; }
.spring2021_2_table tbody td { border-right: 1px solid #333; border-bottom: 1px solid #333; color: #777777; }
.spring2021_2_table tbody tr.colorB { background-color: #f0f2f9; }
.spring2021_2_table tbody td.bRnone { border-right: none; }
.table_over_text { display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 18px; word-break: keep-all; background-color: rgba(0, 0, 0, 0.4); color: #fff; }
.summer2021_1_table { width: 100%; }
.summer2021_1_table thead th { background-color: #76c0bb; color: #fff; border-right: 1px solid #fff; font-weight: bold; }
.summer2021_1_table thead th,
.summer2021_1_table tbody th,
.summer2021_1_table tbody td { font-size: 15px; line-height: 23px; text-align: center; padding: 7px; }
.summer2021_1_table tbody th { background-color: #76c0bb; color: #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; font-weight: bold; }
.summer2021_1_table tbody td { border-right: 1px solid #333; border-bottom: 1px solid #333; color: #777777; }
.summer2021_1_table tbody tr.colorB { background-color: #f4f9f8; }
.summer2021_1_table tbody td.bRnone { border-right: none; }
.summer2021_2_table { width: 100%; border-top: 1px solid #333; }
.summer2021_2_table thead th { padding: 7px; font-size: 15px; font-weight: bold; line-height: 23px; border-right: 1px solid #fff; background-color: #6968a4; color: #fff; text-align: center; word-break: keep-all;}
.summer2021_2_table thead td { padding: 7px; font-size: 15px; font-weight: bold; line-height: 23px; border-bottom: 1px solid #333; background-color: #d9e9f7; color: #333; text-align: center; word-break: keep-all;}
.summer2021_2_table tbody th,
.summer2021_2_table tbody td { font-size: 15px; line-height: 23px; text-align: center; word-break: keep-all; padding: 7px; color: #333; }
.summer2021_2_table tbody th { border-bottom: 1px solid #333;}
.summer2021_2_table tbody td { border-right: 1px solid #333; border-bottom: 1px solid #333;}
.summer2021_2_table tbody tr.colorB { background-color: #d9e9f7; }
.summer2021_2_table tbody tr.colorB th { background-color: #ebebec;}
.summer2021_2_table tbody tr.colorC th { background-color: #ebebec;}
.summer2021_2_table tbody td.bRnone { border-right: none; }
.summer2021_3_table { width: 100%; border-top: 1px solid #333;}
.summer2021_3_table thead th { background-color: #44ade2; color: #fff; font-weight: bold; }
.summer2021_3_table thead th,
.summer2021_3_table tbody th,
.summer2021_3_table tbody td { font-size: 15px; line-height: 23px; text-align: center; padding: 7px; word-break: keep-all; }
.summer2021_3_table tbody th { background-color: #44ade2; color: #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; font-weight: bold; }
.summer2021_3_table tbody td { border-bottom: 1px solid #333; color: #333; }
.summer2021_3_table tbody tr.colorB { background-color: #dfe8f0; }
.summer2021_3_table tbody tr.bBnone th,
.summer2021_3_table tbody tr.bBnone td {border-bottom: none;}
.summer2021_3_table tbody td.bR333{ border-right: 1px solid #333; }
.Fall2021_1_table { width: 100%; border-top: 1px solid #333; }
.Fall2021_1_table thead th { padding: 7px; font-size: 15px; font-weight: bold; line-height: 23px; border-right: 1px solid #fff; background-color: #bd9a81; color: #fff; text-align: center; word-break: keep-all;}
.Fall2021_1_table thead td { padding: 7px; font-size: 15px; font-weight: bold; line-height: 23px; border-bottom: 1px solid #d7d3c4; /*background-color: #d9e9f7;*/ color: #333; text-align: center; word-break: keep-all;}
.Fall2021_1_table tbody th,
.Fall2021_1_table tbody td { font-size: 15px; line-height: 23px; text-align: center; word-break: keep-all; padding: 7px 10px; color: #333; }
.Fall2021_1_table tbody th { border-right: 1px solid #333; border-bottom: 1px solid #333;}
.Fall2021_1_table tbody td { border-right: 1px solid #333; border-bottom: 1px solid #333;}
/* .Fall2021_1_table tbody tr.colorB { background-color: #d9e9f7; } */
.Fall2021_1_table tbody tr.colorB th { background-color: #fcf8e6;}
.Fall2021_1_table tbody tr.colorC th { background-color: #fcf8e6;}
.Fall2021_1_table tbody td.bRnone,
.Fall2021_1_table tbody th.bRnone { border-right: none; }
.Winter2021_1_table { width: 100%; border-top: 1px solid #333; }
.Winter2021_1_table thead th { padding: 7px; font-size: 15px; font-weight: bold; line-height: 23px; border-right: 1px solid #fff; background-color: #70c0bb; color: #fff; text-align: center; word-break: keep-all;}
.Winter2021_1_table thead td { padding: 7px; font-size: 15px; font-weight: bold; line-height: 23px; border-bottom: 1px solid #d7d3c4; /*background-color: #d9e9f7;*/ color: #333; text-align: center; word-break: keep-all;}
.Winter2021_1_table tbody th,
.Winter2021_1_table tbody td { font-size: 15px; line-height: 23px; text-align: center; word-break: keep-all; padding: 7px 10px; color: #333; }
.Winter2021_1_table tbody th { border-right: 1px solid #333; border-bottom: 1px solid #333;}
.Winter2021_1_table tbody td { border-right: 1px solid #333; border-bottom: 1px solid #333;}
/* .Fall2021_1_table tbody tr.colorB { background-color: #d9e9f7; } */
.Winter2021_1_table tbody tr.colorB th { background-color: #fcf8e6;}
.Winter2021_1_table tbody tr.colorC th { background-color: #fcf8e6;}
.Winter2021_1_table tbody td.bRnone,
.Winter2021_1_table tbody th.bRnone { border-right: none; }
.Winter2021_2_table { width: 100%; border-top: 1px solid #333; }
.Winter2021_2_table thead th { padding: 7px; font-size: 15px; font-weight: bold; line-height: 23px; border-right: 1px solid #fff; background-color: #9b9dca; color: #fff; text-align: center; word-break: keep-all;}
.Winter2021_2_table thead td { padding: 7px; font-size: 15px; font-weight: bold; line-height: 23px; border-bottom: 1px solid #d7d3c4; /*background-color: #d9e9f7;*/ color: #333; text-align: center; word-break: keep-all;}
.Winter2021_2_table tbody th,
.Winter2021_2_table tbody td { font-size: 15px; line-height: 23px; text-align: center; word-break: keep-all; padding: 7px 10px; color: #333; }
.Winter2021_2_table tbody th { border-right: 1px solid #333; border-bottom: 1px solid #333;}
.Winter2021_2_table tbody td { border-right: 1px solid #333; border-bottom: 1px solid #333;}
.Winter2021_2_table tbody th.colorB,
.Winter2021_2_table tbody td.colorB { background-color: #f3f3f4; }
.Winter2021_2_table tbody th.colorC,
.Winter2021_2_table tbody td.colorC { background-color: #dbdced; }
.Winter2021_2_table tbody td.bRnone,
.Winter2021_2_table tbody th.bRnone { border-right: none; }
.Winter2021_2_table .box { display: inline-block; font-size: 15px; line-height: 23px; text-align: center; word-break: keep-all; color: #333; }
.Winter2021_2_table td.bT1S333,
.Winter2021_2_table th.bT1S333 { border-top: 1px solid #333; }
.Winter2021_2_table td.txtAl,
.Winter2021_2_table th.txtAl,
.Winter2021_2_table .box { text-align: left; }
.Winter2021_3_table { width: 100%; border-top: 1px solid #333; }
.Winter2021_3_table thead th { padding: 7px; font-size: 15px; font-weight: bold; line-height: 23px; border-right: 1px solid #fff; background-color: #947aae; color: #fff; text-align: center; word-break: keep-all;}
.Winter2021_3_table thead td { padding: 7px; font-size: 15px; font-weight: bold; line-height: 23px; border-bottom: 1px solid #d7d3c4; /*background-color: #d9e9f7;*/ color: #333; text-align: center; word-break: keep-all;}
.Winter2021_3_table tbody th,
.Winter2021_3_table tbody td { font-size: 15px; line-height: 23px; text-align: center; word-break: keep-all; padding: 7px 10px; color: #333; }
.Winter2021_3_table tbody th { border-right: 1px solid #333; border-bottom: 1px solid #333;}
.Winter2021_3_table tbody td { border-right: 1px solid #333; border-bottom: 1px solid #333;}
.Winter2021_3_table tbody th.colorB,
.Winter2021_3_table tbody td.colorB { background-color: #efeff4; }
.Winter2021_3_table tbody th.colorC,
.Winter2021_3_table tbody td.colorC { background-color: #dbdced; }
.Winter2021_3_table tbody td.bRnone,
.Winter2021_3_table tbody th.bRnone { border-right: none; }
.Winter2021_3_table .box { display: inline-block; font-size: 15px; line-height: 23px; text-align: center; word-break: keep-all; color: #333; }
.Winter2021_3_table td.bT1S333,
.Winter2021_3_table th.bT1S333 { border-top: 1px solid #333; }
.Winter2021_3_table td.txtAl,
.Winter2021_3_table th.txtAl,
.Winter2021_3_table .box { text-align: left; }
/* media query */
@media screen and (max-width:1300px){
#header .headerTop { padding-top: 20px; padding-bottom: 20px; }
#header .headerTop .logoTop { width: 150px; }
#header .headerTop .headSearch {
right:15px;
}
#header .headerTop .headSearch { top: 10px; }
.blockAarea { height: 580px; }
.slideMain .smImg .sstTxtLink div dl dd em { font-size: 2.5rem; line-height: 3.5rem; }
.slideMain .smImg .sstTxtLink div dl dt,
.slideMain .smImg .sstTxtLink div dl dd p span { font-size: 1.3rem; line-height: 1.8rem; }
.slideMain .smImg .sstTxtLink div dl dd button { width: 200px; height: 40px; }
.slideMain .sstTxtLink { min-height:320px; }
.slideMain .sstTxtLink a { padding-top:20px; }
.slideMain .sstTxtLink a h5 { font-size:18px; }
.slideMain .sstTxtLink a em { font-size:18px; line-height:22px; }
.slideItem3 { padding-bottom:0; }
/*.slideItem3 .slick-list.draggable { padding: 0 15% !important; }*/
.slideItem3 .slick-prev { left:5%; }
.slideItem3 .slick-next { right:5%; }
.slideStArea {
min-height: 80px;
bottom: 90px;
}
.slideSthum {
max-width: 500px;
padding: 10px 30px;
}
.slideSthum .stImg {
height: 60px;
background-size: cover;
margin: 0 5px;
}
.blockCarea .autobt.play { margin-top:15px; }
.blockCarea .autobt.stop { margin-top:15px; }
.con4_2_sec .con4_secL,
.con4_2_sec .con4_secR { width: 100%; display: block; margin-right: 0; }
}
@media screen and (max-width:1280px){
/* list page*/
.mw1280at { width:100%; max-width:1280px; margin:0 auto; }
.bookT { margin-top:20px; }
.bbYear { font-size:52px; }
.board_book { margin:0; }
.board_book li { width:49%; }
.board_book li:nth-child(2n-1) { width:49%; margin-right: 2%; }
/* gnb */
.gnb { width: 270px; }
.gnbBar { width: 55px; height: 110px; 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; }
.gnbOpenW .gnbOpen ul.bars li { width: 30px; }
.gnbOpenW .gnbOpen a ul.bars li.bar2 { top: 15px; left: 0; }
.gnbOpenW .gnbOpen a ul.bars li.bar3 { top:25px; }
/*
.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; }
.gnbBar .gnb_homeBtn a { width: 25px; height: 25px; margin-top: 20px; }
/* header */
.content>div { max-width: 100%; padding-left: 0; padding-right: 0; }
#header h1.headLogo { margin-left: -60px; bottom: 13px; }
#header .headLogo em.logo_pc { display: none; }
#header .headLogo em.logo_mo { display: block; max-width: 120px; }
#header .headSearch { bottom: 13px; }
#header .gnbOpenW { bottom: 11px; }
#container { padding-left: 0; }
.gnb .gnbMenuArea { padding:20% 0 0 0; }
/* mainSlide */
.mainSlide .msArea .mstBox a dl { padding: 26% 7%; }
.sub3_2_box { text-align: center; }
}
@media screen and (max-width:1120px){
.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; }
/* 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; }
}
@media screen and (max-width:1000px){
.sub3_3_title .sub3_3_titleT h5 { font-size: 23px; line-height:32px; }
.sub3_3_title .sub3_3_titleT strong { font-size: 17px; line-height: 28px; margin-top: 5px; }
}
@media screen and (max-width:900px){
.slideMain .smImg .sstTxtLink div dl dd em { font-size: 2rem; line-height: 2.8rem; }
.slideMain .smImg .sstTxtLink div dl dd button { width: 150px; height: 35px; font-size: 14px; margin-top: 20px; }
.tab_menu_btn img { max-width: 100px; }
.tab_menu_btn span { font-size: 18px; line-height: 29px; }
}
@media screen and (max-width:890px){
.slideMain .sstTxtLink a h5 { font-size:16px; line-height:22px; }
.slideMain .sstTxtLink a strong { font-size:22px; line-height:26px; }
}
@media screen and (max-width:860px){
/* mainSlide */
.mainSlide .msArea .mstBox { height: 520px; }
.mainSlide .msArea .mstBox a dl { padding: 30% 8%; }
.mainSlide .msArea .mstBox a dl dt { font-size: 1.7rem; line-height: 2.3rem; }
.mainSlide .msArea .mstBox a dl dd em { font-size: 2.2rem; line-height: 2.8rem; }
.mainSlide .msArea .mstBox a dl dd p { font-size: 1.5rem; line-height: 2rem; }
.mainSlide .msArea .mstBox a dl dd button { max-width: 200px; height: 40px; }
.sec4 { margin-top: 0; }
/* sec3 */
.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; }
#footer_sub { margin-top: 30px; }
.photo4Type1>li { margin-right:0; width: 100%;
transform:rotateY(360deg);
-webkit-transform:rotateX(360deg);
-moz-transform:rotateX(360deg);
-o-transform:rotateX(360deg);
-ms-transform:rotateX(360deg);
}
.photo4Type1>li.pt4R { margin-right: 0; }
.sub1_2_titleS .pt2L { display: block; width: 100%; clear: both; }
.sub1_2_titleS .pt2R { display: block; width: 100%; clear: both; margin-top: 50px; }
}
@media screen and (max-width:798px){
.sub3_3_title .sub3_3_titleT h5 { font-size: 19px; line-height:30px; }
.sub3_3_title .sub3_3_titleT strong { font-size: 16px; line-height: 26px; margin-top: 5px; }
}
@media all and (max-width:780px){
.NmainSlide .slick-prev { left:38%; }
.NmainSlide .slick-next { right:38%; }
.NmainSlideWrap .slick-prev { left:38%; }
.NmainSlideWrap .slick-next { right:38%; }
.subPaging .spWrap div { width: 50% !important; }
.subPaging .spWrap div.spLeft { margin-right: 0 !important; }
.subPaging .spWrap div.spRight { margin-left: 0 !important; }
.con4_1float dt {float: none; width: 100%; }
.con4_1float dd {float: none; width: 100%; margin-top: 30px;}
}
@media screen and (max-width:720px){
/* mainSlide */
.mainSlide .msArea .mstBox { height: 420px; }
.mainSlide .msArea .mstBox a dl { padding: 27% 8%; }
.mainSlide .msArea .mstBox a dl dt { font-size: 1.3rem; line-height: 1.8rem; }
.mainSlide .msArea .mstBox a dl dd em { font-size: 1.9rem; line-height: 2.5rem; }
.mainSlide .msArea .mstBox a dl dd p { font-size: 1.2rem; line-height: 1.7rem; }
.mainSlide .msArea .mstBox a dl dd button { max-width: 135px; height: 35px; }
/* sec1 */
.sec1, .sec2, .sec3 { margin-top: 50px; }
/* 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; }
}
@media screen and (max-width:700px){
.blockAarea { height: 420px; }
.slideMain .sstTxtLink { width: 65%; }
.slideMain .sstTxtLink.sstTxtLink2 { width: 65%; }
.slideMain .smImg .sstTxtLink div dl { position: absolute; left: 10%; top: 30%;
transform: translateX(-10%);
transform: translateY(-30%);
-webkit-transform: translateX(-10%);
-ms-transform: translateX(-10%);
-webkit-transform: translateY(-30%);
-ms-transform: translateY(-30%);
}
.slideMain .smImg .sstTxtLink div dl dd em { font-size: 1.5rem; line-height: 2rem; }
.slideMain .smImg .sstTxtLink div dl dt,
.slideMain .smImg .sstTxtLink div dl dd p span{ font-size: 1.1rem; line-height: 1.5rem; }
.slideMain .smImg .sstTxtLink div dl dd button { width: 120px; height: 30px; font-size: 13px; margin-top: 15px; }
.slideStArea { bottom: 25px; }
.noti_conSli .noti_conSliL,
.noti_conSli .noti_conSliR { display: block; width: 100%; margin-right: 0; margin-left: 0; }
#footer_sub .footer_sub_w { padding: 15px 10px; }
#footer_sub .footer_sub_w ul .logo { width: 100%; margin-right: 0; margin-top: 0; }
#footer_sub .footer_sub_w ul .add { width: 100%; text-align: center; }
.sub2_3_line .fl_img, .sub2_3_line .fr_txt { float: inherit; }
.sub2_3_line .fr_txt.mt80 { margin-top: 30px; }
.sub2_3_line .fr_txt span.mt20 { margin-top: 10px; }
.con1_3_div .con1_3_divL { width: 100%; padding-right: 0; }
.con1_3_div .con1_3_divL img { display: block; max-width: 350px; margin-left: auto; margin-right: auto; }
.con1_3_div .con1_3_divR { width: 100%; }
}
@media screen and (max-width:680px){
/* sec3 */
.sec3 .mGservice ul { margin-top: 15px; }
.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; }
.subVisual .url_print li { padding: 10px; }
}
@media screen and (max-width:640px){
#header .headerTop { padding-top:10px; padding-bottom: 3px; }
#header .headerTop .headSearch { width:auto; position:relative; top:0; right:0; margin:10px 15px 0 15px; }
#header .headerTop .logoTop { max-width: 140px; }
#header .gnbIcon.giM { top: 4px; }
/* .slideItem3 .sItem { margin: 0 70px; } */
.url_print { display: none; }
.board_book li .thumbImg .bbBtnWrap { display: block; }
.board_book li .thumbImg .bbBtnWrap .bbBtn { display: inline-block; }
.mBotBanner ul li { width:92%; margin:0 4%; }
.mBotBanner ul .mbbL { margin-right:0; }
.mBotBanner ul .mbbR { margin-left:0; }
.NmainSlide .slick-prev { left:34%; }
.NmainSlide .slick-next { right:34%; }
.NmainSlideWrap .slick-prev { left:34%; }
.NmainSlideWrap .slick-next { right:34%; }
.tab_menu_btn img { max-width: 70px; }
.tab_menu_btn span { font-size: 16px; line-height: 25px; }
}
@media all and (max-width:600px){
.mainSlide .msArea .mstBox a { width: 60%; }
.subPaging .spWrap div.spLeft { width: 100% !important; clear: both; display: block !important; margin-right: 0 !important; }
.subPaging .spWrap div.spRight { width: 100% !important; clear: both; display: block !important; margin-left: 0 !important; }
.NmainSlide .slick-prev { left:34%; }
.NmainSlide .slick-next { right:34%; }
.NmainSlideWrap .slick-prev { left:34%; }
.NmainSlideWrap .slick-next { right:34%; }
.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*/
.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; width: 100%; display: block; }
.photo2Type3>li.pt2R { margin-left:0; width: 100%; display: block; }
.photo2Type3>li {
transform:rotateY(360deg);
-webkit-transform:rotateX(360deg);
-moz-transform:rotateX(360deg);
-o-transform:rotateX(360deg);
-ms-transform:rotateX(360deg);
}
.photo2Type3>li.pt2L {width:100%; margin-right:0; margin-top: 20px; }
.photo2Type3>li.pt2R {width:100%; margin-left:0; }
.photo2Type4>p { width:100%;
transform:rotateY(360deg);
-webkit-transform:rotateX(360deg);
-moz-transform:rotateX(360deg);
-o-transform:rotateX(360deg);
-ms-transform:rotateX(360deg);
}
.photo2Type4>p.pt2L { margin-right:0; width: 100%; display: block; }
.photo2Type4>p.pt2R { margin-left:0; width: 100%; display: block; }
.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.pt3L { width: 100%; clear: both; display: block; margin-right:0; }
.photo3Type2 li.pt3R { width: 100%; clear: both; display: block; margin-left:0; }
.photo3Type2 li.pt3C { width: 100%; clear: both; display: block; }
.photoTypeFlex {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.photoTypeFlex > dl {max-width: none !important; margin-right: 0 !important; margin-left: 0 !important;}
.photoTypeFlex02 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.photoTypeFlex02 .ptf2L,
.photoTypeFlex02 .ptf2R {width: 100% !important; margin-right: auto !important; margin-left: auto !important; }
.wToon li.wToon00,
.wToon li.wToon01,
.wToon li.wToon02,
.wToon li.wToon03,
.wToon li.wToon04,
.wToon li.wToon05,
.wToon li.wToon06,
.wToon li.wToon07,
.wToon li.wToon08,
.wToon li.wToon09,
.wToon li.wToon10,
.wToon li.wToon11,
.wToon li.wToon12 { width:100%; text-align:center; }
.mailBox4>p.mBOX4_L {width:15%; margin-right:1%; }
.mailBox4>p.mBOX4_R {width:80%; margin-left:1%; }
.sub1_2_sec1 .sub1_2_sec1L,
.sub1_2_sec1 .sub1_2_sec1R { display: block; width: 100%; margin-right:0; }
.sub1_2_sec1 .sub1_2_sec1R img { margin-left: auto; margin-right: auto; }
.sub1_2_sec2 .sub1_2_sec2L,
.sub1_2_sec2 .sub1_2_sec2R { display: block; width: 100%; margin-right:0; }
.sub1_2_sec2 .sub1_2_sec2L img { margin-left: auto; margin-right: auto; }
.sub2_3_pro .sub2_3_focus li { display: block; width: 100%; text-align: center; }
.sub2_3_pro .sub2_3_focus li.sub2_3_focus1,
.sub2_3_pro .sub2_3_focus li.sub2_3_focus2,
.sub2_3_pro .sub2_3_focus li.sub2_3_focus3,
.sub2_3_pro .sub2_3_focus li.sub2_3_focus4 { margin-right: 0; }
.sub3_3_title .sub3_3_titleT h5 { font-size: 17px; line-height:27px; }
.sub3_3_title .sub3_3_titleT strong { font-size: 14px; line-height: 18px; margin-top: 3px; }
}
@media screen and (max-width:540px){
/* mainSlide */
.mainSlide .msArea .mstBox { height: 400px; }
.mainSlide .msArea .mstBox a dl { padding: 40% 8%; }
.mainSlide .msArea .mstBox a dl dt { font-size: 12px; line-height: 12px; }
.mainSlide .msArea .mstBox a dl dd em { font-size: 18px; line-height: 24px; margin-top: 10px; }
.mainSlide .msArea .mstBox a dl dd p { font-size: 13px; line-height: 18px; }
.mainSlide .msArea .mstBox a dl dd button { max-width: 120px; height: 30px; margin-top: 15px; }
/* sec1 */
.sec1, .sec2, .sec3 { margin-top: 30px; }
.sec1>ul>li a dl dt { font-size: 17px; line-height: 20px; }
/* sec1 */
.sec3 .sec3_stit { font-size: 15px; }
.sub3_3_titlePC { display: none; }
.sub3_3_titleMO { display: block; }
}
@media screen and (max-width:500px){
#header .headSearch { width: 25%; }
.NmainSlide .slick-prev { left:30%; }
.NmainSlide .slick-next { right:30%; }
.NmainSlideWrap .slick-prev { left:30%; }
.NmainSlideWrap .slick-next { right:30%; }
#footer_sub .footer_sub_w ul .logo a {max-width: 150px;}
#footer_sub .footer_sub_w ul .add address, #footer_sub .footer_sub_w ul .add em { font-size: 13px; line-height: 19px; }
.bbYear { font-size: 45px; }
.bbYear { padding: 10px 0; }
.board_book li .thumbImg .bbBtnWrap .bbBtn a { font-size: 14px; margin: 5px;}
.sub_link2 { max-width: 270px; }
.sub_link2 .sns_txt p { width: 45px; height: 45px; line-height: 12px; padding-top: 10px; }
.sub_link2 ul li a { width: 45px; height: 45px; }
}
@media screen and (max-width:480px){
}
@media screen and (max-width:460px){
/* sub */
.subVisual dl dt { font-size: 1rem; }
.subVisual dl dd { font-size: 1.45rem; }
.sec3 .mGservice ul li a .img_serv { display:inline-block; width: 20px; height: 20px; }
}
@media screen and (max-width:450px){
/*.mstbLink .ms_subText { display: none; }*/
.NmainSlide .slick-prev { left:28%; }
.NmainSlide .slick-next { right:28%; }
.NmainSlideWrap .slick-prev { left:28%; }
.NmainSlideWrap .slick-next { right:28%; }
.slideMain .smImg .sstTxtLink div dl { top: 25%; }
.gnbMobile .gnbArea { width: 250px; }
.gnbClose { left: 250px; }
.gnbClose .gnbCloseBtn .closeIcon { bottom: 45%; }
.gnbClose .gnbCloseBtn .closeIcon em { font-size: 23px; line-height: 30px; }
.gnbClose .gnbCloseBtn .closeIcon span { font-size: 70px; line-height: 50px; }
}
@media screen and (max-width:400px){
.sub3_2_flfr .fl, .sub3_2_flfr .fr { float:inherit; }
#header ul .headLogo { margin-left: -50px; }
#header ul .headLogo h1 { max-width: 100px; }
#header h1.headLogo { margin-left: -55px; }
#header .headLogo em { max-width: 110px; }
.NmainSlide .slick-prev { left:23%; }
.NmainSlide .slick-next { right:23%; }
.NmainSlideWrap .slick-prev { left:23%; }
.NmainSlideWrap .slick-next { right:23%; }
.board_book li .thumbImg .bbImg img { max-width: 160px; }
.mailBox2 {padding-bottom:0px; padding-top: 25px; margin-top:0px; }
.mailBox3 {padding-top:45px;}
}
@media screen and (max-width:370px) {
.mbTitle {font-size: 15px;}
}
@media screen and (max-width:350px){
.slideStArea { bottom: 25px; }
.blockAarea .autobt { bottom: 2px; }
.mail_quiz_sPo2 {
position: absolute;
margin-left: 12px;
margin-top: -25px;
top: -15px;
left: -8px;}
.gnbMobile .gnbArea { width: 240px; }
.gnbClose { left: 240px; }
.gnbClose .gnbCloseBtn .closeIcon em { display: none; }
.mailBox2 {padding-top: 55px;}
}
@media screen and (max-width:300px){
.mail_quiz_sPo2 {
position: absolute;
margin-left: 12px;
margin-top: -37px;
top: -15px;
left: -8px;}
}