@charset "UTF-8";

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

h1 {
  margin: 70px auto 30px;
  text-align: center;
}
.area-zoom-btn {
  display: block;
  margin: 6px auto;
  text-align: center;
}
.area-zoom-btn .zoom-btn {
  display: inline-block;
}
.area-zoom-btn .zoom-btn i {
  font-size: 0.8rem;
  letter-spacing: -1px;
  vertical-align: middle;
  height: 25px;
  border-top: 1px solid #777777;   
  float: left;
  border-bottom: 1px solid #777777;
  padding: 0 9px;
  line-height: 22px;
}
.area-zoom-btn .zoom-btn .zoom {
  float: left;
  width: 22px;
  height: 25px;
  border: 1px solid #777777;
  text-indent: -9999px;
  background-color: #ffffff;
  background-image: url("https://jinnny.github.io/blog_source/img_comn.png"); 
  background-repeat: no-repeat;
  background-position: 5px 6px;
}
.area-zoom-btn .zoom-btn .zoom.zoomout {
  background-position: 5px -53px;
}


/*main services*/
.mGservice { width: 100%; height: 180px; background-color: transparent; margin: 0; padding-left: 0; overflow: hidden; }
.mGservice:after { content: ''; clear: both; display: block; height: 0; }
.mGservice li { float: left; width: 24.9%; text-align:center; padding-left: 0; }
.mGservice li a {  }
.mGservice li a .img_serv { display: inline-block; width: 70px; height: 70px; padding: 20px;
background-position: center;
-webkit-background-position: center;
-moz-background-position: center;
-o-background-position: center;
-ms-background-position: center;
background-repeat: no-repeat;
-webkit-background-repeat: no-repeat;
-moz-background-repeat: no-repeat;
background-repeat: no-repeat;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-size: cover;
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;
}
.mGservice li.mGserv_pdf a .img_serv { background-image: url(../images/common/mGserv_pdf.png); }
.mGservice li.mGserv_ebook a .img_serv { background-image: url(../images/common/mGserv_ebook.png); }
.mGservice li.mGserv_list a .img_serv { background-image: url(../images/common/mGserv_list.png); }
.mGservice li.mGserv_reader a .img_serv { background-image: url(../images/common/mGserv_reader.png); }

.mGservice li a strong { display: block; font-size: 21px; line-height: 30px; color: #ccc; margin-top: 20px; font-weight: bold;
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;
}

.mGservice li.mGserv_pdf a:hover .img_serv { background-image: url(../images/common/mGserv_pdf_hover.png);  }
.mGservice li.mGserv_ebook a:hover .img_serv { background-image: url(../images/common/mGserv_ebook_hover.png);  }
.mGservice li.mGserv_list a:hover .img_serv { background-image: url(../images/common/mGserv_list_hover.png);  }
.mGservice li.mGserv_reader a:hover .img_serv { background-image: url(../images/common/mGserv_reader_hover.png);  }

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

.bookT { margin-top:0; }
.bbYear { text-align:center; font-size:74px; padding:20px 0; /*border-top:1px solid #ddd;*/ border-bottom:1px solid #999; }
.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; padding-left: 0; }
.board_book:after { display:block; content:""; clear:both; height:0px; }
.board_book li { float:left; width:25%; height:376px; text-align:center; position:relative; padding-left: 0; }
.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:#20409a; }
.board_book li .thumbImg:hover .bbImg img,
.board_book li .thumbImg:active .bbImg img { /*box-sizing:border-box;*/ border:3px solid #20409a; 
transition:.3s ease-in;
-webkit-transition:.3s ease-in;
-moz-transition:.3s ease-in;
-o-transition:.3s ease-in;
-ms-transition:.3s ease-in;
}

.board_book li .thumbImg .bbImg { display:block; width:100%; position:absolute; top: 100px; left:0; bottom:18px; 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:175px; /*box-sizing:border-box;*/ border:3px solid rgba(255,255,255,0); margin-top: 25px; }
.board_book li .thumbImg .bbBtnWrap { display:none; /*position: absolute; top: 150px;*/ margin-top: 230px; }
.board_book li .thumbImg .bbBtnWrap .bbBtn { }
.board_book li .thumbImg:hover .bbBtnWrap, 
.board_book li .thumbImg:active .bbBtnWrap { display:block; /*position:absolute;  bottom:12%; left:0; width:100%;*/ z-index:10; text-align:center; }
.board_book li .thumbImg:hover .bbBtnWrap .bbBtn,
.board_book li .thumbImg:active .bbBtnWrap .bbBtn { display:inline-block; /*padding:2% 10%;*/ z-index:100000; }
.board_book li .thumbImg .bbBtnWrap .bbBtn a { display:inline-block; background-color:#20409a; border:1px solid rgba(255,255,255,0.2); padding:5px; margin:10px 0; color:#fff; font-size:14px; position: relative;
letter-spacing: -0.5px;
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:focus,
.board_book li .thumbImg .bbBtnWrap .bbBtn a:active { border:1px solid #20409a; background-color:#fff; color: #20409a; }

/* sub */
/* sub common */
.subVisual { position: relative; overflow: hidden; line-height: 0; }
.subVisual .subVisImg { width: 100%; }
/*.subVisual dl { position: absolute; width: 100%; top: 50%; left: 0; text-align: center; line-height: 3rem; letter-spacing: -2px; margin-bottom: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%); 
-moz-transform: translateY(-50%); }*/
.subVisual dl { letter-spacing: -1px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.subVisual dl dt { font-size: 19px; color: #fff; font-weight: bold; text-shadow: 2px 2px 4px rgba(0,0,0,.25); margin-top: 20px; margin-left: 20px; }
.subVisual dl dd { font-size: 35px; color: #fff; font-weight: bold; margin-left: 0; text-shadow: 2px 2px 4px rgba(0,0,0,.35);
position: absolute; width: 100%; top: 50%; left: 0; text-align: center; line-height: 40px; letter-spacing: -0.6px; margin-bottom: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%); 
  -moz-transform: translateY(-50%);
}

.subVisual dl.subVisBlk { letter-spacing: -1px; }
.subVisual dl.subVisBlk dt { font-size: 19px; color: #333; text-shadow: 2px 2px 4px rgba(0,0,0,.25);
margin-top: 20px; margin-left: 20px; font-weight: bold; }
.subVisual dl.subVisBlk dd { font-size: 35px; color: #333; font-weight: bold; margin-left: 0; text-shadow: 2px 2px 4px rgba(0,0,0,.35);
position: absolute; width: 100%; top: 50%; left: 0; text-align: center; line-height: 40px; letter-spacing: -2px; margin-bottom: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%); 
  -moz-transform: translateY(-50%); 
}

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

.sub_link .sns_txt { background-color: #20409a; }
.sub_link .sns_txt p { display: block; width: 65px; height: 65px; box-sizing: border-box; text-align: center; color: #fff; font-size: 13px; line-height: 16px; padding-top: 16px; margin: 0; }

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

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

.subTitle .subTitleT { text-align: center; }
.subTitle .titleTop { margin-top: 0px; }
.subTitle .titleSd {text-shadow:3px -5px #fff;}

/* reader page */
.conMail {  }
.conMail .inputForm em { font-size:19px; line-height:27px; font-weight:900; }
.conMail .inputForm dl { margin:10px 0 0 0; }
.conMail .inputForm dl dt { font-size:16px; line-height:22px; font-weight:500; color:#333; margin-bottom: 5px; }
.conMail .inputForm dl dt em { font-size:16px; line-height:22px; font-weight:bold; color:#333; }
.conMail .inputForm dl dt .tip { margin-top:8px; display:block; font-size:12px; line-height:20px; color:#203f7c; }
.conMail .inputForm dl dd { background-color:#fff; border-radius:5px; border:1px solid #333; position:relative; overflow:hidden; margin-left: 0; }
.conMail .inputForm dl dd input { width:100%; line-height:16px; border:0; font-size:14px; color:#333; padding: 10px; }
.conMail .inputForm dl dd textarea { width:100%; height:50px; line-height:14px; font-size:14px; color:#333; resize:none; border:0; }

.inputForm fieldset {/* padding:0 20px 20px 20px;*/ border:none; margin-top:50px; }
.inputForm fieldset legend { font-size:20px; line-height:29px; font-weight:bold; }

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

.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; font-weight: 700; }
.rc_submit input {
    cursor: pointer;
    display: inline-block;
    background-color: #333 !important;
    border: 5px;
    font-size: 21px;
    padding: 15px 20px;
    font-weight: bold;
    color: #fff !important;
    height: auto;
    letter-spacing: -0.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;
}
.rc_submit input:hover,
.rc_submit input:active { background-color:#203f7c !important; color: #fff !important; }

/* reader style */

.wrapper.con_rd_back { background:url(../images/contents/con_rd_back.jpg); }
.wrapper.con_rd_back textarea { width: 100%; max-width: 840px; height: 60px; border: 1px solid #333; padding: 10px; border-radius: 5px; resize: none; font-size: 14px; line-height: 21px; }
.wrapper.con_rd_back2 { background:url(../images/contents/con_rd_back2.jpg); background-size: cover; background-position: top center;}
.con_rd_back3 { background:url(../images/contents/con_rd_back3.jpg); background-size: cover; background-position: top center;}
.con_rd_quiz:after { content: ''; display: block; clear: both; height: 0; }
.con_rd_quiz { padding-left: 0; }
.con_rd_quiz .con_rd_quizL,
.con_rd_quiz .con_rd_quizR { float: left; }
.con_rd_quiz .con_rd_quizL { width: 10%; margin-right: 2%; font-size: 21px; color: #203f7c; font-weight: bold; font-family: 'TmonMonsori'; }
.con_rd_quiz .con_rd_quizR { width: 81%; font-size: 18px; line-height: 27px; font-weight: bold; }
.con_rd_quiz .con_rd_quizR input { height: 25px; border: 1px solid #333; border-radius: 5px; padding: 5px; }
.con_rd_quiz .con_rd_quizR .photo2Type3 { padding-left: 0; margin-bottom: 20px; }

.con_rd_sug { background: #203f7c; padding: 20px 20px 50px 20px; }
.con_rd_sug:after { content: ''; clear: both; display: block; height: 0; }
.con_rd_sug .con_rd_sugL { float: left; width: 30%; margin-right: 2%; }
.con_rd_sug .con_rd_sugL img { display: block; max-width: 120px; margin-left: auto; margin-right: auto;}
.con_rd_sug .con_rd_sugR { float: left; width: 65%; background-color: transparent !important; border: none !important; }
.con_rd_sug .con_rd_sugR span { display: block; font-size: 17px; line-height: 27px; color: #fff; font-weight: 500; }
.con_rd_sug .con_rd_sugR .qTxtArea02 { margin-top: 30px; height: 80px !important; }
textarea.qTxtArea02 { display: block; width: 100%; height: 70px; font-size: 15px; line-height: 20px; padding: 10px; resize: none; border-radius: 5px; border: 1px solid #333; box-sizing: border-box; }
input.txtLogo { display: inline-block; width: 100px; height: 40px; border-radius: 5px; font-size: 15px; line-height: 20px; padding: 10px; border: 1px solid #333; box-sizing: border-box; margin-top: 5px; margin-right: 5px; }
input.txtHid1,
input.txtHid2,
input.txtHid3,
input.txtHid4 { display: inline-block; width: 130px; height: 40px; border-radius: 5px; font-size: 15px; line-height: 20px; padding: 10px; border: 1px solid #333; box-sizing: border-box; margin-top: 5px; margin-right: 5px; }

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

.agree { margin:20px auto 0 auto; overflow:hidden; }
.agree .agreeTit { display: block; margin:5px 0 0 0; color:#203f7c; font-size:16px; font-weight: bold; }

.agree .agree_check { margin:10px 0 0 0; }
.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; line-height: 22px; font-weight: 700; color: #f7941c; }
.agree .agree_check ul li input { position:absolute; width:0; height:0; top:0; left:0; border:0; }
.agree .agree_check ul li.raChk { background-image:url(../images/common/checkboxOn.png); }
.agree .agree_check ul li label { color:#f7941c; font-size:14px; line-height:20px; font-weight: bold; padding-left:23px; display:inline-block; min-height:20px; }
.agree .agree_check ul li label.chkTxt { color:#f7941c; font-size:16px; font-weight: bold; font-weight:bold; }

/* sub paging */
.subPaging { max-width: 205px; margin-left: auto; margin-right: auto; }
.subPaging li { float: left; padding-left: 0; }
.subPaging li:first-child,
.subPaging li:nth-child(2) { margin-right: 20px; }

.subPaging li a { width: 40px; height: 40px; overflow:hidden; display: inline-block; background-repeat:no-repeat; background-position:left center;
  transition:all .2s ease-in;
  -webkit-transition:all .2s ease-in; 
  -moz-transition:all .2s ease-in; 
  -o-transition:all .2s ease-in; 
  -ms-transition:all .2s ease-in; }
.subPaging li a.prevPage { background-image: url('../images/sub/prevPage.png'); }
.subPaging li a.homePage { background-image: url('../images/sub/homePage.png'); }
.subPaging li a.nextPage { background-image: url('../images/sub/nextPage.png'); }
.subPaging li a.prevPage:hover,
.subPaging li a.prevPage:active { background-image: url('../images/sub/prevPage_hover.png'); }
.subPaging li a.homePage:hover,
.subPaging li a.homePage:active { background-image: url('../images/sub/homePage_hover.png'); }
.subPaging li a.nextPage:hover,
.subPaging li a.nextPage:active { background-image: url('../images/sub/nextPage_hover.png'); }

/* IE9 down ver css */
.placeholder {
  color: #333;
}

/* IE10 upver css */
input::placeholder {
  color: #333;
  opacity: 1; /* firefox */
}
input::-webkit-input-placeholder {
  color: #333;
}
/* IE */
input:-ms-input-placeholder {
  color: #333;
}
/* Firefox */
input:-mos-input-placeholder {
  color: #333;
}

/* text paging */
.pageMoveBtn{
  max-width:500px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}
.pageMoveBtn:after { display:block; content:""; clear:both; height:0; }
.pageMoveBtn ul li{
  float: left;
  width: 49%;
  overflow: hidden;
}
.pageMoveBtn .bt_prevpage{
  border: 1px solid #20409a;
  color: #20409a;
  display: inline-block;
  font-size: 17px;
  padding: 10px;
  font-weight: 600;
  margin-right: 0.5%;
  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;  
}
.pageMoveBtn .bt_prevpage:hover{
  background-color: #20409a;
  color: #ffffff;
  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;
}
.pageMoveBtn .bt_nextpage{
  border: 1px solid #20409a;
  color: #20409a;
  display: inline-block;
  font-size: 17px;
  padding: 10px;
  font-weight: 600;
  margin-left: 0.5%;
  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;  
}
.pageMoveBtn .bt_nextpage:hover{
  background-color: #20409a;
  color: #ffffff;
  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;  
}

.pageMoveBtnF { position: relative; top: 0; left: 0; z-index: 9999; }
.pageMoveBtnF .pageMoveBtnFl { position: fixed; left: 10px; top: 50%; }
.pageMoveBtnF .pageMoveBtnFl a,
.pageMoveBtnF .pageMoveBtnFr a { display: block; width: 30px; height: 51px; background-size: cover; opacity: 0.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;  
}
.pageMoveBtnF .pageMoveBtnFl a { background: url(../images/sub/prev2Page.png) no-repeat; }
.pageMoveBtnF .pageMoveBtnFr { position: fixed; right: 10px; top: 50%; }
.pageMoveBtnF .pageMoveBtnFr a { background: url(../images/sub/next2Page.png) no-repeat; }

.pageMoveBtnF .pageMoveBtnFl a:hover,
.pageMoveBtnF .pageMoveBtnFl a:focus,
.pageMoveBtnF .pageMoveBtnFl a:active,
.pageMoveBtnF .pageMoveBtnFr a:hover,
.pageMoveBtnF .pageMoveBtnFr a:focus,
.pageMoveBtnF .pageMoveBtnFr a:active { opacity: 0.6; }


.photo2Type1 { overflow:hidden; padding-left: 0; }
.photo2Type1:after { display:block; content:""; clear:both; height:0; }
.photo2Type1>li { width:50%; float:left; padding-left: 0; }

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

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

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

.photo2Type5:after { content: ''; clear: both; display: block; }
.photo2Type5>li { float: left; width: 48%; }
.photo2Type5>li.pt2L { margin-right: 2%; }
.photo2Type5>li.pt2R { margin-left: 2%; }

.photo2Type6:after { content: ''; clear: both; display: block; }
.photo2Type6>li { float: left; }
.photo2Type6>li.pt2L { width: 16%; margin-right: 2%; }
.photo2Type6>li.pt2R { width: 82%; }

.photo2Type7:after { content: ''; clear: both; display: block; }
.photo2Type7>li { float: left; }
.photo2Type7>li.pt2L { width: 26%; margin-right: 2%; }
.photo2Type7>li.pt2R { width: 70%; }

.photo2Type8:after { content: ''; clear: both; display: block; }
.photo2Type8>li { float: left; }
.photo2Type8>li.pt2L { width: 66%; margin-right: 2%; }
.photo2Type8>li.pt2R { width: 30%; }

.photo2Type9:after { content: ''; clear: both; display: block; }
.photo2Type9>li { float: left; }
.photo2Type9>li.pt2L { width: 84%; margin-right: 2%; }
.photo2Type9>li.pt2R { width: 12%; }

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

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

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

.w35m5w60 { overflow:hidden; }
.w35m5w60:after { display: block; content: ''; height: 0; clear: both; }
.w35m5w60>li { float: left; }
.w35m5w60>li.w2L { width: 35%; margin-right: 4.9%; }
.w35m5w60>li.w2R { width: 60%; }

.w25m5w70 { overflow:hidden; }
.w25m5w70:after { display: block; content: ''; height: 0; clear: both; }
.w25m5w70>li { float: left; }
.w25m5w70>li.w2L { width: 25%; margin-right: 4.9%; }
.w25m5w70>li.w2R { width: 70%; }


/* 즉석당첨 */
/*instant*/
.instant_goods:after { content: ''; display: block; clear: both; }
.instant_goods { margin:0; padding:0; }
/*.instant_goods .instant_goods1 { float:left; width:32%; margin: 0.66666667%; padding:0; }*/
.instant_goods .instant_goods1 { width:100%; max-width: 350px; margin: 0 auto; padding:0; }
.instant_goods .instant_goods1 dl { margin:0; }

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

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

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

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

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

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

.btnEvtgetArea { height:36px; }

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

/*webtoon*/
.wToonWrap { padding:20px 20px 0; }
.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; }
.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.wToon01 { width:50%;  
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;
}
.wToon li.wToon02 { width:50%;  
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;
}
.wToon li.wToon03 { width:100%;
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;
}
.wToon li.wToon04 { width:50%;
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;
}
.wToon li.wToon05 { width:50%;
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;
}
.wToon li.wToon06 { width:50%;
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;
}
.wToon li.wToon07 { width:50%;
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;
}
.wToon li.wToon08 { width:50%;
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;
}
.wToon li.wToon09 { width:50%;
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;
}
.wToon li.wToon10 { width:50%;
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;
}
.wToon li.wToon11 { width:50%;
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;
}
.wToon li.wToon12 { width:100%;
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;
}

.qrLink { width: 100%; max-width: 160px; border: 1px solid #333; box-sizing: border-box; background-color:#fff; padding: 0 10px; font-size: 13px; letter-spacing: -0.7px; font-weight: bold; text-align: center;
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;
}
.qrLink:hover,
.qrLink:focus,
.qrLink:active { border: 1px solid #20409a; background-color: #20409a; color: #fff; }



/* hidden Quiz */
.hidQuiz { padding: 20px 0;  border-top: 3px solid #30968a; border-bottom: 3px solid #30968a;  letter-spacing: -0.7px; }
.hidQuiz dt { text-align: center; }
.hidQuiz dt span { display: block; margin-top:-90px; max-width: 200px; margin-left: auto; margin-right:auto; background-color:#ffffff;} 
.hidQuiz dt em { display: block; font-family: 'BMDOHYEON'; font-size: 27px; color: #30968a; margin-top: 30px; }
.hidQuiz dd { font-family: 'IropkeBatangM'; font-size: 18px; line-height: 30px; text-align: justify; margin-top: 10px; }
.hidQuiz dd.hidQuiz_q { background-color: #f5f5f5; padding: 20px; }
.hidQuiz dd.hidQuiz_q strong { font-size: 18px; font-weight: bold; color: #30968a; }
.hidQuiz dd.hidQuiz_b { text-align: center; margin-top: 15px; }
.hidQuiz dd.hidQuiz_b a { display: inline-block; padding: 5px 20px; background-color: #30968a; font-size: 17px; color: #fff; font-weight: bold; border: 2px solid #30968a;
transition:all .1s ease-in;
-webkit-transition:all .1s ease-in;
-moz-transition:all .1s ease-in;
-o-transition:all .1s ease-in;
-ms-transition:all .1s ease-in;
}
.hidQuiz dd.hidQuiz_b a:hover,
.hidQuiz dd.hidQuiz_b a:focus,
.hidQuiz dd.hidQuiz_b a:active { background-color: #fff; color: #30968a; }


/* sub contents */
.sub0_2_back { background: url(../images/contents/con0_2_back.jpg); }
.con0_2_ptL { position: absolute; top: 0; left: 0; display: block; max-width: 350px; width: 100%; }
.con0_2_ptR { position: absolute; top: 0; right: 0; display: block; max-width: 350px; width: 100%; }

.sub0_01_sec:after { content: ''; clear: both; display: block; height: 0; }
.sub0_01_sec .sub0_01_secL { float: left; width: 20%; margin-right: 5%; }
.sub0_01_sec .sub0_01_secR { float: left; width: 75%; }

.sub0_01_sec2:after { content: ''; clear: both; display: block; height: 0; }
.sub0_01_sec2 .sub0_01_secL { float: left; width: 5%; margin-right: 5%; }
.sub0_01_sec2 .sub0_01_secR { float: left; width: 90%; }

.sub0_02bg {background-image: url(../images/contents/con0_2_0bg.jpg); background-repeat:no-repeat; background-size: cover; background-position: top center;} 

.sub1_1_box { position: relative; }

.con1_1_st { max-width: 200px; height: 490px; margin-left: auto; margin-right: auto; background: url(../images/contents/con1_1_st.jpg) no-repeat; padding: 50px 5px; box-sizing: border-box; }

.sub1_2_gall:after { content: ''; clear: both; display: block; height: 0; }
.sub1_2_gall .sub1_2_gallL { float: left; width: 22%; margin-right: 3%; }
.sub1_2_gall .sub1_2_gallR { float: left; width: 75%; margin-top: 10px; }

.con1_2_back { background:url(../images/contents/con1_2_back.jpg); background-size: 100%; background-repeat: repeat; }

.sub1_5_back { background: url(../images/contents/con1_5_back.jpg); }
.sub1_5_yon:after { content: ''; clear: both; display: block; height: 0; }
.sub1_5_yon .sub1_5_yonL { float: left; width: 30%; }
.sub1_5_yon .sub1_5_yonR { float: left; width: 70%; }

.con1_5_title dt{ float: left; width: 60%; margin-right:3%; vertical-align: bottom; }
.con1_5_title dd{ float: left; width: 35%; }
.con1_5_title dd img { display: block; }
.con1_5_bgC { background: linear-gradient( to right, #EF5991, #706AB0 ); }

.con1_6_ml { margin-left:42px; }

.sub2_1_back { background: url(../images/contents/con2_1_back.jpg); }

.sub2_5_title { max-width: 400px; margin-left: auto; margin-right: auto; border-radius: 20px; background-color: #fff; border: 1px solid #619257; box-shadow: 1px 2px 2px #619257; padding: 5px 10px; }

.con2_5_sprW { background-color: #fff; border-radius: 0 0 30px 30px; padding: 20px; }


.sub2_6_box { position: relative; background:#f9e4e4 url(../images/contents/con2_6_triB.png) right bottom no-repeat; }
.sub2_6_box .sub2_6_tri { position: absolute; top: 0; right: 0; }

.sub3_1_land { background:url(../images/contents/con3_1_land.png) 50% 0 no-repeat; padding: 30px 0 35px; }

.con3_3_ph { max-width: 700px; margin-left: auto; margin-right: auto; border-left: 3px solid #4e8ecb; border-right: 3px solid #4e8ecb; padding: 0 10px 20px; }
.con3_3_phInner { background-color: #4d8bc9; max-width: 600px; margin-left: auto; margin-right: auto; padding: 20px 10px; margin-top: 20px; }

.sub3_3_stayTable {  }
.sub3_3_stayTable thead { border-bottom: none !important; }
.sub3_3_stayTable thead th { background: #e25759; color: #fff !important; font-weight: bold; border-right: 1px solid #fff; }
.sub3_3_stayTable tbody tr { border-color :#e25759 !important; }
.sub3_3_stayTable tbody th,
.sub3_3_stayTable tbody td { background: #fff; color: #333 !important; font-weight: normal; border-bottom: 1px dashed #e25759 !important; border-right: 1px solid #e25759; border-top: none; }
.sub3_3_stayTable thead th,
.sub3_3_stayTable tbody th,
.sub3_3_stayTable tbody td { font-size: 17px; padding: 5px !important; text-align: center; }
.brNone { border-right: none !important; }

.sub_dotBox { position: relative; }
.sub_dotBox .sub3_4_tri { position: absolute; bottom: 0; right: 0; }
.p05_dot { width: 100%; height: 10px; background: url(../images/contents/p05_dot.png) repeat-x; }
.w_dot { width: 100%; height: 10px; background: url(../images/contents/w_dot.png) repeat-x; }

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

.sub3_4_note { border: 1px solid #333; }
.sub3_4_note>p { width: 100%; height: 50px; background:#fff url(../images/contents/con3_4_note.jpg) 50% no-repeat; margin-top: -10px;  }

.sub3_4_sec2:after { content: ''; clear: both; display: block; height: 0; }
.sub3_4_sec2 .sub3_4_secL { float: left; width: 20%; margin-right: 5%; }
.sub3_4_sec2 .sub3_4_secR { float: left; width: 75%; }

.con3_4_memobg { background: url(../images/contents/con3_4_memobg.png); background-repeat: no-repeat;}

.con3_5_backt1 { background: url(../images/contents/con3_5_backt1.png); background-repeat: no-repeat; background-size: 100%; }

.sub3_4_doit:after { content: ''; clear: both; display: block; height: 0; }
.sub3_4_doit .sub3_4_doitL { float: left; height: auto; }
.sub3_4_doit .sub3_4_doitR { float: left; }

.con3_5_secBack { background: url(../images/contents/con3_5_secBack.jpg); }

.sub3_6_tip { position: relative; }
.sub3_6_tip dt img { position: absolute; top: -1px; left: -40px; }

.sub4_1_pt { width: 100%; height: 38px; background: url(../images/contents/con4_1_pt.jpg) 50% 50% no-repeat; }

.sub4_1_table { width: 100%; }
.sub4_1_table thead tr th { background-color: #c9e3ed; text-align: center; }
.sub4_1_table tbody tr th,
.sub4_1_table tbody tr td { background-color: #fff; border-bottom: 1px solid #333; }
.sub4_1_table thead tr th,
.sub4_1_table tbody tr th,
.sub4_1_table tbody tr td { border-top: 1px solid #333; border-right: 1px solid #333; font-size: 16px; padding: 5px 10px; }

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

.con4_1_t1 { width: 100%; }
.con4_1_t1 th { width: 30%; font-size: 17px; font-weight: 600; text-align: center; background-color:#e9f1e9; border-top:1px solid #00863f; border-bottom:1px solid #00863f; padding-top: 10px; padding-bottom: 10px; }
.con4_1_t1 td { width: 70%; font-size: 17px; font-weight: 600; text-align: center; border-bottom:1px solid #00863f; padding-top: 10px; padding-bottom: 10px; border-top:1px solid #00863f; line-height: 30px;}

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

.con4_1_dl2:after { content: ''; clear:both; display: block; height: 0; }
.con4_1_dl2 dt { float: left; width: 39%;}
.con4_1_dl2 dd { float: left; width: 61%; }

.con4_2_box { border:2px solid #333; border-bottom-right-radius: 20px;}

.con4_2_box1 { border-top-left-radius:30px; border-top-right-radius:30px; background: linear-gradient(to right, #5bb2b3, #3264a2);}
.con4_2_box1_2 { border-bottom-left-radius:30px;  border-bottom-right-radius: 30px; }
.con4_2_box2 { border-radius: 30px; background: linear-gradient(to right, #f0a230, #ef8571);}
.con4_2_box2_1 { border-top-left-radius:30px; border-top-right-radius:30px; background: linear-gradient(to right, #f0a230, #ef8571);}
.con4_2_box3_1 { border-top-left-radius:30px; border-top-right-radius:30px; background: linear-gradient(to right, #b7d32c, #51ab34);}

.con4_2_table2 {width:100%; text-align:center;}
.con4_2_table2 thead {border-top:2px solid #1D8A9F;}
.con4_2_table2 thead tr th {font-size:17px; line-height:24px; border-top:1px solid #1D8A9F; border-left:1px solid #1D8A9F; background-color:#EFF4F6;}
.con4_2_table2 thead tr:nth-of-type(1) th:nth-of-type(1) {border-left:none;}
.con4_2_table2 tbody {border-bottom:2px solid #1D8A9F;}
.con4_2_table2 tbody tr {border-top:1px solid #1D8A9F !important;}
.con4_2_table2 tbody tr td{font-size:17px; line-height:24px; color:#000; border-left:1px solid #1D8A9F; background-color:#fff;}
.con4_2_table2 tbody tr td:nth-of-type(1){border-left:none;}

.con4_2_dl:after { content: ''; clear:both; display: block; height: 0; }
.con4_2_dl dt { float: left; width: 60%; margin-right: 3%;}
.con4_2_dl dd { float: left; width: 37%; }

.con4_3_dl:after { content: ''; clear:both; display: block; height: 0; }
.con4_3_dl dt { float: left; width: 38%;}
.con4_3_dl dd { float: left; width: 62%; }

.sub4_3_miniT { border-top-left-radius:30px; padding-top: 10px; padding-bottom: 10px; font-size: 25px; color:#006f7b; font-weight: 600; border:4px solid #625e5d; background-color: #fff; padding-left: 20px;}
.sub4_3_minidd {  border-left:4px solid #625e5d; border-bottom:4px solid #625e5d; border-right:4px solid #625e5d; background-color: #fff; padding-top: 60px; padding-left: 20px; padding-bottom: 30px; padding-right: 20px; text-align: justify; }

.con_4_3back { background:url(../images/contents/con_4_3back.jpg); }

.con_news_t1 { width: 100%; }
.con_news_t1 th { background-color:#fef3e7; font-weight: 700; font-size: 17px; line-height: 30px; border-top: 1px solid #ee7700; border-right: 1px solid #ee7700; border-bottom:1px solid #ee7700; text-align: center; padding: 10px 20px;}
.con_news_t1 td { font-size: 17px; line-height: 30px; border-bottom:1px solid #ee7700; padding: 10px 20px; text-align: center; border-top: 1px solid #ee7700;}

.con4_3_t2 {width:100%;}
.con4_3_t2 th { background-color:#bacde9; font-weight: 600; font-size: 17px; text-align: center; border-top: 1px solid #093488; border-bottom:1px solid #093488; padding-top:5px; padding-bottom: 5px; line-height: 30px; border-right:1px solid #093488;}
.con4_3_t2 thead td { background-color:#f0f3fa; text-align: center; font-size: 17px;  line-height: 25px; border-top: 1px solid #093488; border-bottom:1px solid #093488; border-right:1px solid #093488;}
.con4_3_t2 td { text-align: center; font-size: 17px;  line-height: 25px; border-top: 1px solid #093488; border-bottom:1px solid #093488; border-right:1px solid #093488;}
.con4_3_t2 .brn { border-right: none; }

.con4_3_t3 {width:100%;}
.con4_3_t3 th { width: 6%; }
.con4_3_t3 th { background-color:#bacde9; font-weight: 600; font-size: 17px; text-align: center; border-top: 1px solid #093488; border-bottom:1px solid #093488; padding-top:5px; padding-bottom: 5px; line-height: 30px; border-right:1px solid #093488;}
.con4_3_t3 thead td { background-color:#f0f3fa; text-align: center; font-size: 17px;  line-height: 25px; border-top: 1px solid #093488; border-bottom:1px solid #093488; border-right:1px solid #093488;}
.con4_3_t3 td { text-align: center; font-size: 17px;  line-height: 25px; border-top: 1px solid #093488; border-bottom:1px solid #093488; border-right:1px solid #093488;}
.con4_3_t3 .brn { border-right: none; }

.con4_1_table1 { width: 100%; }
.con4_1_table1 tbody th,
.con4_1_table1 tbody td { padding: 5px 10px; font-size: 16px; line-height: 27px; border-top: 1px solid #ee8270; border-right: 1px solid #ee8270; border-bottom: 1px solid #ee8270; color: #333; }
.con4_1_table1 tbody th { text-align: center; font-weight: bold; }
.con4_1_table1 tbody td strong { font-size: 16px; font-weight: bold; }
.con4_1_table1 tbody td span { font-size: 16px; font-weight: bold; color: #ee8270; }

.con4_1_table2 { width: 100%; }
.con4_1_table2 tbody th,
.con4_1_table2 tbody td { padding: 5px 10px; font-size: 16px; line-height: 27px; border-top: 1px solid #6299d2; border-right: 1px solid #6299d2; border-bottom: 1px solid #6299d2; color: #333; }
.con4_1_table2 tbody th { text-align: center; font-weight: bold; }
.con4_1_table2 tbody td strong { font-size: 16px; font-weight: bold; }
.con4_1_table2 tbody td span { font-size: 16px; font-weight: bold; color: #6299d2; }

.con4_1_table3 { width: 100%; }
.con4_1_table3 tbody th,
.con4_1_table3 tbody td { padding: 5px 20px; font-size: 16px; line-height: 27px; border-top: 1px solid #81c671; border-right: 1px solid #81c671; border-bottom: 1px solid #81c671; color: #333; }
.con4_1_table3 tbody th { text-align: center; font-weight: bold; }
.con4_1_table3 tbody td strong { font-size: 16px; font-weight: bold; }
.con4_1_table3 tbody td span { font-size: 16px; font-weight: bold; color: #81c671; }

.con4_1_table4 { width: 100%; }
.con4_1_table4 tbody th,
.con4_1_table4 tbody td { padding: 5px 10px; font-size: 15px; line-height: 27px; border-top: 1px solid #938fc6; border-right: 1px solid #938fc6; border-bottom: 1px solid #938fc6; color: #333; }
.con4_1_table4 tbody th { text-align: center; font-weight: bold; background-color: #f4f3fa; }
.con4_1_table4 tbody td strong { font-size: 16px; font-weight: bold; }
.con4_1_table4 tbody td span { font-size: 16px; font-weight: bold; color: #938fc6; }

.con4_1_snsBtn { display: block; width: 100%; max-width: 100px; margin-left: auto; margin-right: auto; padding: 5px 20px; box-sizing: border-box; background: #fff; font-size: 14px; 
font-weight: bold; text-align: center; margin-top: 10px; border: 1px solid #333; }

.con4_1_box { background: url(../images/contents/con4_1_boxB.jpg); }

.con4_1_frame { background: #d2d7ed url(../images/contents/con4_1_frame.jpg) no-repeat; background-size: 100%;
 border-left: 15px solid #0a4369; border-top: 15px solid #0a4369; border-right: 15px solid #0a4369; border-radius: 50px; }
.con4_1_frameIn { position: relative; padding-left: 20px; padding-right: 20px; }
.con4_1_frameIn .con4_1_frL { position: absolute; left: -30px; top: 100px; }
.con4_1_frameIn .con4_1_frR { position: absolute; right: -30px; top: 100px; }

.sub4_1_table2 { width: 100%; }
.sub4_1_table2 thead tr th { background-color: #fbebe7; font-weight: bold; font-size: 14px; text-align: center;}
.sub4_1_table2 tbody tr td { background-color: #fff; border-bottom: 1px solid #333; text-align: center; }
.sub4_1_table2 thead tr th,
.sub4_1_table2 tbody tr td { border-top: 1px solid #333; border-right: 1px solid #333; font-size: 16px; padding: 5px 10px;}
.sub4_1_table2 tbody tr span{ font-size: 16px; color: #e0504d; text-align: center; font-weight: bold; }
.sub4_1_table2 thead tr th.bRn{ border-right: none; }
.sub4_1_table2 tbody tr td.bRn{ border-right: none; }

.sub4_1_vw { display: block; width: 100%; height:30px; font-size: 27px; color: #2db34a; font-weight: bold; text-align: center; background: url(../images/contents/con4_1_vw.png) 50% 50% no-repeat; }
.sub4_1_vw2 { display: block; width: 100%; height:30px; font-size: 27px; color: #d9332b; font-weight: bold; text-align: center; background: url(../images/contents/con4_1_vw2.png) 50% 50% no-repeat; }

.sub4_1_pen span { display: block; border-radius: 20px; color: #fff; font-size: 17px; text-align: center; margin-top: 10px; }
.sub4_1_pen strong { color: #fff !important; font-size: 17px; font-weight: bold; }

.sub4_1_pen1 span { background: #577abd; }
.sub4_1_pen2 span { background: #f29c3c; }
.sub4_1_pen3 span { background: #f3858b; }
.sub4_1_pen4 span { background: #e45759; }
.sub4_1_pen5 span { background: #a368ab; }
.sub4_1_pen6 span { background: #30b44a; }

.sub4_1_pen1 span { display: block; border-radius: 20px; background: #577abd; color: #fff; font-size: 17px; text-align: center; }
.sub4_1_pen1 span strong { color: #fff !important; font-size: 17px; font-weight: bold; }

.sub4_2_pt { width: 100%; height: 38px; background: url(../images/contents/con4_2_line.jpg) 50% 50% no-repeat; }

.con4_2_ti { width: 100%; height: 160px; background:url(../images/contents/con4_3_ti.jpg) center center no-repeat; background-size: 100%; }

.sub4_2_subTi:after { content: ''; clear: both; display: block; list-style: none; height: 0; }
.sub4_2_subTi .sub4_2_subTiL { float: left; width: 18%; margin-right: 2%; }
.sub4_2_subTi .sub4_2_subTiR { float: left; width: 80%; }

.titleTopSearch{background:url('../images/contents/con2_2_1.png') no-repeat right 14px center / auto 35px; box-shadow: 5px 7px 5px 5px #eee; box-sizing:border-box;}
.con2_2_titIcon { position: absolute; top:15px; right: 20px; }
@media screen and (max-width: 680px) { 
  .con2_2_titIcon { position: relative; top:0;  right: 0; margin-top:5px;}
 }

/*.con4_2_tableWrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }*/
.con4_2_table { /*width: 900px;*/ width: 100%; } /*테이블 수정*/
.con4_2_table thead th { background-color: #fad7d5; font-weight: bold; }
.con4_2_table thead th,
.con4_2_table tbody th,
.con4_2_table tbody td { font-size: 16px; height: 26px; padding: 5px 10px; border-top: 1px solid #333; border-right: 1px solid #333; text-align: center; color: #333; }
.con4_2_table .total { background-color: #fad7d5; font-weight: bold; }

.con4_2_t1 { width: 100%; }
.con4_2_t1 thead th { background-color: #e0f1f8; font-size: 15px; text-align: center; border-top: 1px solid #333; border-bottom: 1px solid #333; border-right: 1px solid #333; padding: 5px; }
.con4_2_t1 tbody td { font-size: 15px; line-height: 21px; text-align: center; border-top: 1px solid #333; border-bottom: 1px solid #333; border-right: 1px solid #333; padding: 5px; }

.con4_2_t2 { width: 100%; }
.con4_2_t2 thead th { background-color: #e5f0d2; font-size: 17px; text-align: center; border-top: 1px solid #333; border-bottom: 1px solid #333; border-right: 1px solid #333; padding-top: 5px; padding-bottom: 5px;}
.con4_2_t2 tbody td { font-size: 17px; text-align: center; border-top: 1px solid #333; border-bottom: 1px solid #333; border-right: 1px solid #333;  padding-top: 5px; padding-bottom: 5px;}

.sub4_3_boxB { background: url(../images/contents/con4_3_boxB.jpg); }
.con4_3_book { float: left; height: auto; margin-right: 15px; }

.con4_3_dlFl:after{ content: ''; display: block; clear:both; }
.con4_3_dlFl dt { float:left; width:9%; margin-right:5%;}
.con4_3_dlFl dd { float:left; width:86%; }

.con4_4_back { background: url(../images/contents/con4_4_back.jpg); }

.con4_4_png { float: left; height: auto; margin-right: 15px; }
.sub4_4Table { width: 100%; }
.sub4_4Table thead tr th { font-size: 15px; text-align: center !important; padding: 5px; }
.sub4_4Table tbody tr td { font-size: 14px; text-align: left; padding: 10px !important; }
.sub4_4back {
  background:url('../images/contents/con4_4_back.jpg');
  background-size: cover;
  border-radius: 15px;
}

.sub4_4flower{
  position: absolute;
  right: -40px;
  bottom: 0;
}

.con4_4news { width: 100%; margin-top: 10px; }
.con4_4news thead th { background-color: #e4f5fc; border-right: none; text-align: center; }
.con4_4news thead th.bRn { border-right: none;}
.con4_4news tbody th,
.con4_4news tbody td { border-bottom: 1px solid #333; }
.con4_4news tbody th { background-color: #e4f5fc; }
.con4_4news thead th,
.con4_4news tbody th,
.con4_4news tbody td { font-size: 16px; line-height: 27px; padding: 5px 10px; border-top: 1px solid #333; border-right:1px solid #333; }
.con4_4news tbody td.bRn{ border-right: none; }

.con4_5_t1 { width: 100%; margin-top: 15px; border-top:2px solid #093488; border-bottom:2px solid #093488;}
.con4_5_t1 th { background-color:#f0f3fa; border-top:1px solid #093488; border-bottom:1px solid #093488; font-size:18px; font-weight:bold; border-right: 1px solid #093488; padding-top: 5px; padding-bottom: 5px;}
.con4_5_t1 td { color: #333; border-top:1px solid #093488; border-bottom:1px solid #093488; font-size:17px; ; border-right: 1px solid #093488; padding-top: 5px; padding-bottom: 5px; text-align: left;}
.con4_5_t1 td.first { padding-left: 50px; padding-right: 50px; }
.con4_5_t1 .brn { border-right: none; }
@media screen and (max-width: 680px) {  

.con4_5_t1 td.first { padding-left: 0px; padding-right: 0px; }
}

.con4_5_table { width: 100%; }
.con4_5_table thead th { background-color:#e4f4fb; }
.con4_5_table thead th,
.con4_5_table tbody td { font-size: 15px; line-height: 26px; padding: 4px 10px; text-align: center; border-top: 1px solid #333; }

.sub4_5_back { background: url(../images/contents/con4_5_back.jpg); }

.sub4_6_back { position: relative; }
.sub4_6_backB { width: 20px; height: 100%; position: absolute; background: url(../images/contents/con4_6_backL.jpg) top left repeat-y; }
.sub4_6_backL { left: 0; top: 0; }
.sub4_6_backR { right: 0; top: 0; }

.con4_6_table1 { width: 100%; }
.con4_6_table1 thead th { background-color:#e8e7e8; text-align: center; font-weight: bold; padding: 3px 5px; }
.con4_6_table1 tbody td { color: #333; padding: 5px; border-bottom: 1px solid #333; }
.con4_6_table1 thead th, 
.con4_6_table1 tbody th, 
.con4_6_table1 tbody td { font-size: 15px; line-height: 22px; border-top: 1px solid #333; border-right: 1px solid #333; }
.con4_6_table1 tbody th { text-align: center; border-bottom: 1px solid #333; }
.con4_6_table1 tbody td a { font-size: 15px; }
.con4_6_table1 .brNone { border-right: none; }

.sub4_7Table { width: 100%; margin: 0; white-space: nowrap; -webkit-overflow-scrolling:touch; -moz-overflow-scrolling:touch; }
.sub4_7Table thead tr, .sub4_7Table tbody tr { border-color:none; }
.sub4_7Table thead tr th { font-size: 16px; text-align: center !important; padding: 5px; border-bottom: 1px dotted #1db59f !important; padding: 5px 10px; }
.sub4_7Table tbody tr th { font-size: 16px; text-align: center !important; padding:10px; border-bottom: 1px dotted #1db59f !important; padding: 5px 10px; }
.sub4_7Table tbody tr td { font-size: 16px; text-align: center !important; border-bottom: 1px dotted #1db59f !important; padding: 5px 10px; }

.sub4_8_tri{
  position: absolute;
  right: -1px;
  bottom: 0;
}

.con4_news_table1 { width: 100%; }
.con4_news_table1 thead th { background-color: #fae2df; font-weight: bold; }
.con4_news_table1 tbody th { text-align: center; }
.con4_news_table1 thead th { font-size: 16px; line-height: 27px; padding: 5px 10px; border-top: 1px solid #333; border-right: 1px solid #333; }
.con4_news_table1 tbody { border-top: 1px solid #333333; }
.con4_news_table1 tbody th { background-color:#fceaca;  font-weight: bold; font-size:16px; line-height: 27px;  border-bottom: 1px solid #333333;  border-right: 1px solid #333; }
.con4_news_table1 tbody td { font-size: 16px; text-align: center; line-height: 27px; color: #111111; padding: 5px 10px;  border-bottom: 1px solid #333333; }


.con5_1_goal { position: relative; }
.con5_1_goal .con5_1_ini { position: absolute; top: -5px; left: 0; }

.con5_1_ph { border-left: 15px solid #b7dcf5; border-right: 15px solid #b7dcf5; }

/*quizWin*/
.quizW { background-color: #fff; border: 2px solid #f285b6; padding: 50px 20px 50px; }
.quizWin { margin-top: 30px; }
.quizWin:after { content: ''; clear: both; display: block; }
.quizWin .qW1,
.quizWin .qW2,
.quizWin .qW3,
.quizWin .qW4 { float: left; width: 25%; }

.quizWin .qW5,
.quizWin .qW6 { float: left; width: 50%; }
.quizWin .name { text-align: center; }
.quizWin .name li { font-size: 16px; line-height: 27px; font-weight: bold }

.quizWin .qW7,
.quizWin .qW8,
.quizWin .qW9 { float: left; width:33.3333333333%; }
.quizWin .name { text-align: center; }
.quizWin .name li { font-size: 16px; line-height: 27px; font-weight: bold }

.con_logo_div { padding-top: 20px; }
.con_logo_div:after { content: ''; clear: both; display: block; }
.con_logo_div .con_logo_divL { float: left; width: 60%; margin-right: 2%; }
.con_logo_div .con_logo_divR { float: left; width: 38%; }



/* media query */
@media screen and (max-width:1280px){ 
  /* list page*/
  .mw1280at { width:100%; max-width:1280px; margin:0 auto; }
  .bookT { margin-top:0; } 
  .bbYear { font-size:54px; } 
  .board_book { margin:0; } 
  .board_book li { width:50%; }
}

@media all and (max-width: 1148px){
	/*sub*/
	.sub_link ul li a { width: 50px; height: 50px; }
	.sub_link .sns_txt p { width: 50px; height: 50px; font-size: 11px; line-height: 12px; padding-top: 12px; }

  .con4_1_dl dt { float: none; width: 100%; margin-right: auto; margin-left: auto; } 
  .con4_1_dl dd { float: none; width: 100%; margin-top:20px; }  

  .con4_3_dl dt { float: none; width: 100%; margin-right: auto; margin-left: auto; } 
  .con4_3_dl dd { float: none; width: 100%; margin-top:20px; }  
  .con4_1_back { background-size: cover; }
}

/*@media all and (max-width: 980px){ 
  .subpage .wrapper.style2 { padding: 0; }
  .subVisual dl dt { font-size: 1.2rem; }
  .subVisual dl dd { font-size: 2rem; line-height: 2rem; }

  .instant_goods .instant_goods1 { display: block; width: 100%; margin-right: 0; }
}

@media all and (max-width: 970px){
  .sub1_5_yon .sub1_5_yonL,
  .sub1_5_yon .sub1_5_yonR { display: block; width: 100%; clear: both; }
  .sub1_5_yon .sub1_5_yonL { text-align: right; }
}

@media all and (max-width: 850px){
  .sub0_01_sec .sub0_01_secL,
  .sub0_01_sec .sub0_01_secR { display: block; width: 100%; clear: both; margin-right: 0; }
  .sub0_01_sec .sub0_01_secR { margin-top: 10px; }

  .sub1_2_gall .sub1_2_gallL,
  .sub1_2_gall .sub1_2_gallR { width: 100%; margin-right: 0; display: block; clear: both; }
}

@media all and (max-width:760px){
  .sub0_01_sec2 .sub0_01_secL,
  .sub0_01_sec2 .sub0_01_secR { display: block; width: 100%; clear: both; margin-right: 0; }
  .sub0_01_sec2 .sub0_01_secR { margin-top: 10px; }
}*/ 
/* 0827 위 주석처리 후 아래 추가*/

@media all and (max-width: 980px){ 
  .subpage .wrapper.style2 { padding: 0; }
  .subVisual dl dt,
  .subVisual dl.subVisBlk dt { font-size: 16px; }
  .subVisual dl dd,
  .subVisual dl.subVisBlk dd { font-size: 22px; line-height: 30px; }

  /*.instant_goods .instant_goods1 { display: block; width: 100%; margin-right:0; margin-left:0; margin-bottom:30px; }*/

  .pageMoveBtnF .pageMoveBtnFl a,
  .pageMoveBtnF .pageMoveBtnFr a { width: 20px; height: 34px; background-size: cover; }

  .con_logo_div .con_logo_divL,
  .con_logo_div .con_logo_divR { float: inherit; width: 100%; margin-right: 0; }
  .con_logo_div .con_logo_divL { text-align: center; }
  .con_logo_div .con_logo_divL span { margin-right: auto; margin-left: auto; }
  .con_logo_div .con_logo_divR { max-width: 500px; margin-left: auto; margin-right: auto; }
  .con_logo_div .con_logo_divR span { text-align: center; }
}

@media all and (max-width: 970px){
  .sub1_5_yon .sub1_5_yonL,
  .sub1_5_yon .sub1_5_yonR { display: block; width: 100%; clear: both; }
  .sub1_5_yon .sub1_5_yonL { text-align: right; }

  .sub4_3_dl { margin-top:0; }
}

@media all and (max-width: 900px){
  .ins_w_list { text-align: center; }
  .ins_w_listDtL { display: block; width: 100%; float: none; }
  .ins_w_listDtL em,
  .ins_w_listDtL span,
  .ins_w_listDtL span img { display: block; width: 100%; }
  .ins_w_listDtL em { padding-top: 20px; }
  .ins_w_listDtL { display: block; width: 100%; clear: both; max-width: 300px; margin-left: auto; margin-right: auto; padding:0; }
  .ins_w_listDtR { display: block; width: 100%; margin-left: 0; clear: both; padding: 0 0 20px; }

  .con3_5_backt1 { background-image: none; }

  .con4_1_dl2 dt { float: none; width: 100%; margin-right: auto; margin-left: auto; } 
  .con4_1_dl2 dd { float: none; width: 100%; margin-top:20px; }  

  .con4_2_dl dt { float: none; width: 100%; margin-right: auto; margin-left: auto; } 
  .con4_2_dl dd { float: none; width: 100%; margin-top:20px; }
}

@media all and (max-width: 890px){
  .quizWin .qW1,
  .quizWin .qW2,
  .quizWin .qW3,
  .quizWin .qW4 { display: block; width: 100%; }
}

@media all and (max-width: 850px){
  .sub0_01_sec .sub0_01_secL,
  .sub0_01_sec .sub0_01_secR { display: block; width: 100%; clear: both; margin-right: 0; margin-left:0; }
  .sub0_01_sec .sub0_01_secR { margin-top: 10px; }

  .sub1_2_gall .sub1_2_gallL,
  .sub1_2_gall .sub1_2_gallR { width: 100%; margin-right: 0; display: block; clear: both; }
}

@media all and (max-width:760px){
  .mGservice li a .img_serv { width: 40px; height: 40px; }

  .sub0_01_sec2 .sub0_01_secL,
  .sub0_01_sec2 .sub0_01_secR { display: block; width: 100%; clear: both; margin-right: 0; margin-left:0; }
  .sub0_01_sec2 .sub0_01_secR { margin-top: 10px; }

  .pageMoveBtnF .pageMoveBtnFl a,
  .pageMoveBtnF .pageMoveBtnFr a { width: 15px; height: 26px; background-size: cover; }

  .quizWin .qW5,
  .quizWin .qW6,
  .quizWin .qW7,
  .quizWin .qW8,
  .quizWin .qW9 { display: block; width: 100%; }
}

@media screen and (max-width:736px){
  #footer .bs_linkIcon { max-width: 385px; }  
	.mGservice li a strong { font-size: 14px; line-height: 18px; color: #ccc; margin-top: 10px; }

  .con_rd_quiz .con_rd_quizL,
  .con_rd_quiz .con_rd_quizR { display: block; width: 100%; margin-right: 0; clear: both; }

  .con_rd_sug .con_rd_sugL,
  .con_rd_sug .con_rd_sugR { display: block; width: 100%; margin-right: 0; clear: both; }

  /*sub*/
  .subVisual dl dt,
  .subVisual dl.subVisBlk dt { font-size: 14px; }
  .subVisual dl dd,
  .subVisual dl.subVisBlk dd { font-size: 22px; }
  .subVisual dl dt,
  .subVisual dl.subVisBlk dt { margin-top: 10px; margin-left: 7px; }

  .con1_01BackWB { padding: 20px 10px !important; }
}

@media screen and (max-width:723px){
  .con3_4_memobg { background-image: none; border:1px solid #1f5186;}
}

@media screen and (max-width:700px){
  .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;
    transform:rotateX(720deg);
    -webkit-transform:rotateX(720deg);
    -moz-transform:rotateX(720deg);
    -o-transform:rotateX(720deg);
    -ms-transform:rotateX(720deg);
  }
}

@media screen and (max-width:680px){
	/* sub */
  .subTitle .subTitleT { text-align: justify; }

  .sub4_2_subTi .sub4_2_subTiL,
  .sub4_2_subTi .sub4_2_subTiR { width: 100%; margin-right: 0; }
  .sub4_2_subTi .sub4_2_subTiL img { display: block; max-width: 200px; margin-right: auto; margin-left: auto; }
  .sub4_2_subTi .sub4_2_subTiR { margin-top: 30px; }

  /*.sub_link { height: 120px; }
  .sub_link .url_print { position: absolute; top: 0; left: 0; padding-left: 0; }
  .sub_link .sub_sns { position: absolute; top: 60px; left: 0; padding-left: 0; }*/
}

@media screen and (max-width:640px){  
  /*event*/
  /*#eventPopWrap { margin-top: 12%; }*/
  #eventPopWrap .eventPopWin { height: 500px; left: 0; margin-left: 0; padding-bottom: 50px; }
  .sub3_6_tip dt img { right: 0; left: auto; }
  .con1_6_ml { margin-left:0px; }
}

@media all and (max-width: 580px){
  #eventPopWrap .eventPopFail {
      max-width:none;
      height:auto;
      position:absolute;
      top: 50%;
      margin-top:-110px;
      left:15px;
      right:15px;
      margin-left:0;
      padding-bottom:25px;
  }
}

@media all and (max-width: 560px){
  .mainLImg2 li { width: 100%; }
  .mainLImg2 li.pt2L { margin-right:0; }
  .mainLImg2 li.pt2R { margin-left:0; }

  .pageMoveBtnF .pageMoveBtnFl a,
  .pageMoveBtnF .pageMoveBtnFr a { width: 10px; height: 17px; background-size: cover; }

  .photo2Type1>li { width:100%;  display: block; }

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

  .photo2Type2_1>li { width:100%; transform:rotateY(360deg); display: block; }
  .photo2Type2_1>li.pt2L { margin-right:0; }
  .photo2Type2_1>li.pt2R { margin-left:0; }

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

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

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

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

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

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

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

  .photo3Type1>li { width: 100%; clear: both; display: block; }
  .photo3Type1>li.pt3L { margin-right:0; }
  .photo3Type1>li.pt3R { margin-left:0; }

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

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

  .w35m5w60>li.w2L { margin-right: 0; width: 100%; }
  .w35m5w60>li.w2R { margin-left: 0; width: 100%; }

  .w25m5w70>li.w2L { margin-right: 0; width: 100%; }
  .w25m5w70>li.w2R { margin-left: 0; width: 100%; }

  .instant_detail { padding: 10px 15px 25px; }

}

@media all and (max-width: 540px){
	/* sub */
  .subVisual dl dt,
  .subVisual dl.subVisBlk dt { font-size: 12px; }
  .subVisual dl dd,
 	.subVisual dl.subVisBlk dd { font-size: 15px; line-height: 18px; }

  .sub_link .url_print { position: absolute; top: 0; left: 0; }
  .sub_link .sub_sns { position: absolute; top: 0; right: 0; }

  .quizWin .qW5,
  .quizWin .qW6 { display: block; width: 100%; }

  .m540DisN{display:none;}
}

@media all and (max-width: 500px){
  .mGservice { height: 140px; }
}

@media all and (max-width: 480px){
  .mGservice li a .img_serv { width: 30px; height: 30px; padding:25px; }

  /* sub */
  .sub_link { height: 120px; }
  .sub_link .url_print { position: absolute; top: 0; left: 0; padding-left: 0; }
  .sub_link .sub_sns { position: absolute; top: 45px; left: 0; padding-left: 0; }

  .board_book li { width:100%; }
  .board_book li a h5 { margin-top:30px; }
  .board_book li .bbImg img { width:100%; }
}

@media screen and (max-width:460px){
  .subVisual dl dd,
  .subVisual dl.subVisBlk dd { font-size: 13px; line-height: 17px; }

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

@media screen and (max-width:400px){ 
  #footer .bs_linkIcon { max-width: 252px; }
  #footer .bs_linkIcon a { width: 30px; height: 30px; margin: 5px 3px; }
}

@media screen and (max-width:379px){ 
 .su4_3_people1 { max-width: 100px; }

}

@media screen and (max-width:320px){  
  .mGservice li a .img_serv { padding:20px; }
  /*event*/
  /*#eventPopWrap { margin-top: 4%; }*/
}