@charset "utf-8";

#main_visual{position:relative; height:220px; overflow:hidden}
#main_visual li{width:100%; height:220px; background-repeat:no-repeat; background-size:cover}
#main_visual li.bg1{background-image:url('/images/en/main/mvis1.jpg')}
#main_visual li.bg2{background-image:url('/images/en/main/mvis2.jpg')}
#main_visual li.bg3{background-image:url('/images/en/main/mvis3.jpg')}
#main_visual li.bg4{background-image:url('/images/en/main/mvis4.jpg')}
#main_visual .copy_mvis{position:absolute; top:0; bottom:0; left:0; right:0; width:294px; height:83px; margin:auto}
#main_visual .copy_mvis img{width:100%}

#main_visual .bx-wrapper{box-shadow:none; border:none; margin-bottom:0}
#main_visual .bx-wrapper .bx-pager{bottom:13px}
#main_visual .bx-wrapper .bx-pager.bx-default-pager a {background: #bdbcc1; margin: 0 3px}
#main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover,
#main_visual .bx-wrapper .bx-pager.bx-default-pager a.active,
#main_visual .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #a00d13;}

#contents .news_latest{margin-top:0px}
#contents .news_latest .top_section{position:relative; border-bottom:1px solid #474747; padding:20px 0 9px}
#contents .news_latest .top_section .title{float:left; font-size:15px; font-weight:bold;}
#contents .news_latest .top_section .btn_more{float:right; font-size:11px; color:#999}
#contents .news_latest .cont_section{padding:18px 0; letter-spacing:-0.2px}
#contents .news_latest .cont_section .date{font-size:11px; color:#888}
#contents .news_latest .cont_section .sep1{height:1px; margin:14px 0 13px; background-color:#eae9e6}
#contents .news_latest .cont_section a{display:block}
#contents .news_latest .cont_section .top_news{}
#contents .news_latest .cont_section .top_news .title{font-size:15px; font-weight:bold; color:#333; line-height:24px; word-break:break-all}
#contents .news_latest .cont_section .top_news p{margin-top:7px; font-size:13px; color:#737373; line-height:22px; text-align:justify}
#contents .news_latest .cont_section li a{margin:9px 0}
#contents .news_latest .cont_section li .title{float:left; width:80%; font-size:14px; color:#555}
#contents .news_latest .cont_section li .date{float:right; width:20%; text-align:right}

#contents .quick_link2 li{position:relative; width:50%; height:238px; float:left; text-align:center; background-repeat:no-repeat; background-size:cover}
#contents .quick_link2 li.bg1{background-image:url('/images/en/main/bg_qbn2-1.jpg')}
#contents .quick_link2 li.bg2{background-image:url('/images/en/main/bg_qbn2-2.jpg')}
#contents .quick_link2 li.bg3{background-image:url('/images/en/main/bg_qbn2-3.jpg')}
#contents .quick_link2 li.bg4{background-image:url('/images/en/main/bg_qbn2-4.jpg')}
#contents .quick_link2 li a{display:block; position:relative; height:238px}
#contents .quick_link2 li .title{position:absolute; top:36px; width:100%; font-family: 'Nanum Myeongjo'; font-size:20px; color:#fff; line-height:24px}
#contents .quick_link2 li .title.pd1{top:43px}
#contents .quick_link2 li p{padding-top:87px; font-size:12px; color:rgba(255,255,255,.7); line-height:20px}
#contents .quick_link2 li .btn_link{position:absolute; left:50%; bottom:35px; margin-left:-51px; width:102px; height:32px; line-height:30px; border:1px solid rgba(255,255,255,.9); font-size:13px; color:#fff; box-sizing:border-box}



/*
#contents .quick_link1 li{float:left; width:25%}
#contents .quick_link1 li:nth-child(odd){background-color:#34394c}
#contents .quick_link1 li:nth-child(even){background-color:#41465d}
#contents .quick_link1 li a{display:block; height:72px; padding-top:41px; font-size:12px; color:rgba(255,255,255,.6); text-align:center; letter-spacing:-0.5px; background-repeat:no-repeat; background-position:center 15px; box-sizing:border-box}
#contents .quick_link1 li a.ico1{background-image:url('/images/en/main/ico_qbn1.png'); background-size:43px 24px}
#contents .quick_link1 li a.ico2{background-image:url('/images/en/main/ico_qbn2.png'); background-size:25px 24px}
#contents .quick_link1 li a.ico3{background-image:url('/images/en/main/ico_qbn3.png'); background-size:24px 22px}
#contents .quick_link1 li a.ico4{background-image:url('/images/en/main/ico_qbn4.png'); background-size:26px 25px}


#contents .popup_zone{position:relative; padding:18px 15px; background-color:#f7f6f7}
#contents .popup_zone .title{position:absolute; top:33px; left:0; width:100%; font-size:15px; font-weight:bold; color:#fff; text-align:center}
#contents .popup_zone li img{width:100%;}
#contents .popup_zone .bx-wrapper{box-shadow:none; border:none; margin-bottom:0}
#contents .popup_zone .bx-wrapper .bx-prev{left:7px; background: url('/images/en/common/arw3.png') no-repeat center; background-size:9px 14px}
#contents .popup_zone .bx-wrapper .bx-prev:hover,
#contents .popup_zone .bx-wrapper .bx-prev:focus{background-position:center;}
#contents .popup_zone .bx-wrapper .bx-next{right:7px; background: url('/images/en/common/arw3-1.png') no-repeat center; background-size:9px 15px;}
#contents .popup_zone .bx-wrapper .bx-next:hover,
#contents .popup_zone .bx-wrapper .bx-next:focus{background-position:center;}
#contents .popup_zone .bx-wrapper .bx-controls-direction a{top:10px; margin-top:0;}

#contents .promotion{color:#fff; background-color:#202223}
#contents .promotion .top_section{position:relative; padding:21px 15px 8px}
#contents .promotion .top_section .title{float:left; font-size:15px; font-weight:bold;}
#contents .promotion .top_section .btn_more{float:right; font-size:11px; color:#999}

#contents .promotion .prom_movie img{width:100%}
#contents .promotion ul{padding:8px 15px 22px}
#contents .promotion li{border-bottom:1px solid #313131}
#contents .promotion li:last-child{border-bottom:none}
#contents .promotion li a{display:block; padding-left:12px; font-size:14px; color:#ccc; line-height:39px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; background: url('/images/en/common/list-style2.png') no-repeat 0 center; background-size:8px 8px; box-sizing:border-box}

#contents .sns_set > div{float:left; width:50%; height:57px; background-repeat:no-repeat; background-position:6px center}
#contents .sns_set a{display:block; line-height:57px; font-size:11px; color:#fff; padding-right:31px; text-align:right; background: url('/images/en/common/arw4.png') no-repeat right 15px center; background-size:11px 22px; box-sizing:border-box}
#contents .sns_set .sns_facebook{background-color:#3d73b3; background-image:url('/images/en/main/sns_facebook2.png'); background-size:42px 42px}
#contents .sns_set .sns_blog{background-color:#3da237; background-image:url('/images/en/main/sns_blog2.png'); background-size:57px 57px}

#contents .mbooks{background: url('/images/en/main/bg_mbooks.jpg') no-repeat center 0; background-size:cover}
#contents .mbooks .top_section{position:relative; padding:21px 15px 8px}
#contents .mbooks .top_section .title{float:left; font-size:15px; font-weight:bold;}
#contents .mbooks .top_section .btn_more{float:right; font-size:11px; color:#908b84}
#contents .mbooks ul{padding:12px 15px 8px}
#contents .mbooks li{float:left; width:50%; padding-left:8px; padding-right:8px; margin-bottom:16px; box-sizing:border-box}
#contents .mbooks li:nth-child(odd){padding-left:0}
#contents .mbooks li:nth-child(even){padding-right:0}
#contents .mbooks li img{width:100%}
#contents .mbooks li .tit_book{margin-top:6px; font-size:13px; color:#555; text-align:center}
*/

