@charset "utf-8";
/*
* Filename: common.css
* Description: common
*/

/**
layout
**/
/* body,html{min-height:100%;} */
html.asideBg{ background:#000 url(../images/kor/common/aside_bg.gif) repeat-y; background-size: 140px auto;}
body.menuView{background:#ecedee;}
body.bgStory{background:#fff;}
body.bgFindus{background:#fff url(../images/kor/findus/findus_bg_App.jpg) no-repeat; background-size: 100% auto;}
body.bgSearch{background:#000;}

#wrap{position:relative; overflow:hidden; width:100%; min-height:100%; }
#wrap div.wrapInner{position:relative; min-height:100%;}
body.bgBlack #wrap div.wrapInner{background-color:#000;}
#wrap div.wrapInner2{background:#fff;}
body.menuView #wrap div.wrapInner2{background-color:#ecedee;}

#header div.headerTop{height:55px; background:url(../images/kor/common/header_bg.gif) repeat-x; background-size: auto 55px;}
#header div.headerTop h1{padding:12px 0; text-align:center;}
#header div.headerTop h1 a{display:block; }
#header div.headerTop a.btn_all,
#header div.headerTop a.btn_search{position:absolute; top:0px; padding:18px 15px; z-index:10;}
#header div.headerTop a.btn_all{left:0px;}
#header div.headerTop a.btn_search{right:0px;}

#totalSearch{display:none; width:100%; height:44px; background:#fff;}
#totalSearch div.inner{position:relative; padding:0 65px 0 0;}
#totalSearch input[type="text"]{width:100%; height:28px; margin:8px 0 0 8px; padding:0 0 0 10px; border:0; border-radius:5px; font-size:0.857em; background:#ebecf0;}
/* #totalSearch a.btn_cancel{position:absolute; top:8px; right:10px; padding:7px 0 0 5px; font-size:0.938em; color:#000; vertical-align:middle;} */
#totalSearch .btn_search2{position:absolute; top:8px; right:10px; padding:5px 0 0 5px; font-size:0.938em; color:#000; vertical-align:middle; border:0; background:none; cursor:pointer}

#gnb{padding:0 5px;}
#gnb ul.d1{width:100%;}
#gnb ul.d1 li{float:left; width:25%; background:url(../images/kor/common/gnb/gnb_bg_off.gif) repeat-x; background-size: auto 30px;}
#gnb ul.d1 li:first-child{border-radius:0 0 0 5px;}
#gnb ul.d1 li:last-child{border-radius:0 0 5px 0;}
#gnb ul.d1 li.current{background:url(../images/kor/common/gnb/gnb_bg_on.gif) repeat-x;}
#gnb ul.d1 li a{display:block; height:23px; padding:7px 0 0 0; text-align:center; background:url(../images/kor/common/gnb/gnb_line_off.gif) no-repeat left 0; background-size: auto 30px;}
#gnb ul.d1 li:first-child a{background:none;}

#allMenu{display:none; position:absolute; top:0; left:-140px; width:140px; min-height:100%; background:#2a2a2a;}
#allMenu img.logo2{margin:28px 0 34px 35px;}
#allMenu ul.d1 li a{display:block; padding:13px 0 13px 17px; font-size:0.857em; color:#a9a9a9;}
#allMenu ul.d1 > li{ border-top:1px solid #5d5d5d; background:#2a2a2a;}
#allMenu ul.d1 > li > a{color:#a9a9a9; background:url(../images/kor/common/bul/bul_open.png) no-repeat 120px 13px; background-size: auto 11px;}
#allMenu ul.d1 > li.current > a{background:url(../images/kor/common/bul/bul_close.png) no-repeat 117px 16px; background-size: auto 5px;}
#allMenu ul.d1 > li:first-child ul.d2{display:block;}
#allMenu ul.d1 > li:last-child{border-bottom:1px solid #1e1e1e}
#allMenu ul.d2{display:none;}
#allMenu ul.d2 > li{border-top:1px solid #303030; background:#1d1d1d;}
#allMenu ul.d2 > li:first-child{border-top:0;}
#allMenu ul.d1 > li:first-child ul.d2{display:block;}
.btn_waMark{display:block; margin:15px 0 0 0; text-align:center;}
.btn_waMark img{width:107px !important;}

#container{padding:0 0 20px 0}
#contents{overflow:hidden; margin:1.5625%;}
#contents.menuView{margin:0;}
#contents.findus .conInner{border-radius:5px; background:#fff;}
#contents img{width:100%;}
#contents input[type="text"],
#contents select{border:1px solid #ccc;}


#footer{/* margin:20px 0 0 0; *//* padding:20px 0;*/ background:#000;}
#footer div.inner{width:310px; margin: auto;}
#footer div.sns{width:100%; margin:0 0 8px 0;}
#footer div.sns a{display:inline-block; /* width:43px; */ margin:0 0 0 5px; padding:5px 18px 8px 18px; font-size:0.714em; /* text-decoration:underline; */ color:#fff; border-radius:10px; color:#fff; background:#323232;}
/* #footer div.sns a:last-child{padding-right:0} */
#footer div.sns a:first-child{margin:0;}
#footer div.sns a span{display:inline-block;}
#footer div.sns a.btn_fb{padding:0; background:#395692;}
#footer div.sns a.btn_fb span{padding:5px 13px 8px 23px; background:url(../images/kor/common/footer/ico_fb.png) no-repeat 4px 2px; background-size: auto 20px;}
#footer div.sns a.btn_yTube{padding:0; background:#cf3427;}
#footer div.sns a.btn_yTube span{padding:5px 13px 8px 23px; background:url(../images/kor/common/footer/ico_ytube.png) no-repeat 4px 2px; background-size: auto 20px;}
#footer div.sns a.btn_Insta {padding:0; background:#E4405F;}
#footer div.sns a.btn_Insta span {padding:5px 13px 8px 23px; background:url(../images/kor/common/footer/ico_Insta.png) no-repeat 6px 4px; background-size:auto 13px;}
#footer div.sns a.btn_kakao {padding:0; background:#f9df32;}
#footer div.sns a.btn_kakao span {padding:5px 13px 8px 23px; background:url(../images/kor/common/footer/ico_kakao.png) no-repeat 6px 4px; background-size:auto 15px;}


#footer div.footMenu{margin:10px 0 0 0; }
#footer div.footMenu a{display:inline-block; /* margin:0 0 0 5px; */ /* padding:5px 25px;  */font-size:0.714em;/*  border-radius:10px; */ color:#fff;/*  background:#323232; */}
#footer div.footMenu a:first-child{margin:0;}
#footer div.footMenu span{display:inline-block; font-size:0.714em; color:#fff;}
#footer div.copy{margin:5px 0 0 0; font-size:0.643em; line-height:1.4; color:#fff;}
#footer div.copy a{color:#fff;}
/* #footer a.goEng{margin:0 0 0 5px; font-weight:bold; text-decoration:underline; color:#ffc425;} */
#footer .inner {padding:20px 0; background:#000;}

/**
btn
**/
input[type="submit"]{margin:0; padding:0; border:0;}
div.btnWrap.goTop{margin:20px 10px 0 0;}
div.btnWrap.goTop a{padding:7px 15px 0 15px !important;}
div.btnWrap a{margin:0 0 0 5px}
div.btnWrap.right{text-align:right;}
div.btnWrap.center{text-align:center;}
a.btn,
input.btn,
span.btn{display:inline-block; height:18px; padding:7px 15px 0 15px; border-radius:13px; font-size:0.714em; font-weight:bold; color:#fff; border:0;}
input.btn{height:25px; padding:0px 25px 0 25px; cursor:pointer; border:0;}
a.btn.red,
input.btn.red,
span.btn.red{background:url(../images/kor/common/btn/btn_bg_red.gif) repeat-x; background-size: auto 25px;border:0;}
a.btn.gray,
input.btn.gray{color:#333; background:url(../images/kor/common/btn/btn_bg_gray.gif) repeat-x; background-size: auto 25px;}
a.btn.yellow,
input.btn.yellow{color:#333; background:url(../images/kor/common/btn/btn_bg_yellow.gif) repeat-x; background-size: auto 25px;}


/**
tabmenu
**/
.tabmenu{clear:both; width:100%; height:38px; border-bottom:1px solid #e3e3e3; background:#fafafa;}
.tabmenu:after{content:""; display:block; clear:both;}
.tabmenu li{float:left; width:50%;}
.tabmenu li a{display:block; height:14px; padding:12px 0; text-align:center; font-size:0.857em;}
.tabmenu li.current{margin:0;}
.tabmenu li.current a{font-weight:700; color:#aa1e1b; border-top:1px solid #aa1e1b; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; background:#fff;}

.find_tabmenu{position:relative; float:left; width:100%; /* margin:0 0 10px 0;  */border-radius:5px 5px 0 0; background:#ecedee; z-index:1;}
.find_tabmenu li{float:left; width:20%; margin:0 -1px 0 0; border-left:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; background:#ecedee;}
.find_tabmenu li:first-child{border-left:0; border-radius:5px 0 0 0;}
.find_tabmenu li:last-child{border-radius:0 5px 0 0;}
.find_tabmenu li a{display:block; padding:15.5px 0; font-size:0.714em; font-weight:bold; text-align:center; color:#777;}
.find_tabmenu li.current{border-bottom:0; background:#fff;}
.find_tabmenu li.current a{padding-bottom:16px;}
.find_tabmenu li.red a{color:#bf0c0c;}
.find_tabmenu li:last-child a {padding:10.75px 0;}


/**
table
**/
.tbl-a{clear:both; width:100%; border-right:1px solid #e3e3e3; border-top:1px solid #e3e3e3;}
.tbl-a th,
.tbl-a td{padding:8px 0; font-size:0.714em; border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;}
.tbl-a th{font-weight:700; text-align:center; background:#fafafa;}
.tbl-a tbody th{padding-left:10px; text-align:left; color:#bf0c0c; background:#fff;}
.tbl-a tbody td{padding-right:10px; text-align:right; line-height:1.3;}



/**
Link List
**/

.linkDefault{margin:0 0 15px 0;}
.linkDefault > li{ clear:both; background:url(../images/kor/common/dot_line.png) repeat-x 0 bottom; background-size: auto 1px;}
/* .linkDefault > li:last-child{background:none;} */
.linkDefault > li.current{background:none;}
.linkDefault > li > a{position:relative; display:table; width:100%; /* padding:5% 0 3% 0; */}
.linkDefault > li > a img{display:block;}
.linkDefault > li > a img.thumb{/* float:left; */ display:table-cell; /* width:30.16129032258065% !important; */ }
.linkDefault > li > a dl,
.linkDefault > li > a div.sbj{/* float:left; */ display:table-cell; width:65.80645161290322%; padding:0 0 0 10px; vertical-align:middle; /* margin:6% 0 0 4.03225806451613%; */}
.linkDefault > li > a dl dt{margin:0 0 10px 0; font-size:1.357em; font-weight:bold; color:#000;}
.linkDefault > li > a dl dt span.engName{display:inline-block; margin:0 0 0 5px; font-size:0.571em; font-weight:normal}
.linkDefault > li > a dl dd{font-size:0.714em; color:#9e9e9e; line-height:1.2;}
.linkDefault > li > a div.sbj{font-size:1.357em; font-weight:bold; color:#000;}
.linkDefault > li > a div.more{position:absolute; bottom:15px; right:5px; width:12px; height:12px; text-indent:-9999px; font-size:0.714em; background:url(../images/kor/common/bul/bul_plus.png) no-repeat; background-size: auto 100%;}
.linkDefault > li.current > a div.more{background:url(../images/kor/common/bul/bul_minus.png) no-repeat; background-size: auto 100%;}

.bx-wrapper .bx-controls{/* position:absolute; bottom:0px; left:0; */ width:100%; text-align:center;}
.bx-wrapper .bx-pager {display:inline-block; margin:10px 0 0px 0; padding:0 5px; border-radius: 30px; text-align: center; background:#000;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; margin:5px 0 0 0; vertical-align:top;}
.bx-wrapper .bx-pager.bx-default-pager a {display: block; width:5px; height:5px;  margin: 0 5px; outline: 0; border-radius: 20px; font-size:0.1em; text-indent: -9999px; background: #fff; opacity: 0.5; vertical-align:top;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {opacity: 1;}

.bx-wrapper .bx-controls-direction{position: absolute; top:50%; left:0; width:100%; }
.bx-wrapper .bx-prev {left: 10px; background: url(../images/kor/common/btn/btn_prev.png) no-repeat; background-size: auto 16px;}
.bx-wrapper .bx-next {right: 10px; background: url(../images/kor/common/btn/btn_next.png) no-repeat right 0; background-size: auto 16px;}
.bx-wrapper .bx-controls-direction a { position: absolute; top: 0; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999;}
.bx-wrapper .bx-controls-direction a.disabled { display: none;}

sub{position: relative; top: 0.5em; margin:0 0 0 1px; font-size:0.857em; line-height:0; vertical-align:baseline;}
sub.reg{top:0.1em;}

/**
board
**/

/* bbs_list */
.bbs_list{width:100%; border-top:2px solid #333;}
.bbs_list thead th{padding:15px 0; font-size:0.857em; text-align:center; border-bottom:2px solid #d1d1d1; background:#faf8f7;}
.bbs_list tbody td{padding:15px 0px 15px 0; line-height:1.2; border-bottom:1px solid #d1d1d1;}
.bbs_list tbody td.sbj{padding-left:10px; font-size:0.857em;}
.bbs_list tbody td.date{padding-right:10px; text-align:right; font-size:0.714em}

/* bbs_view */
.bbs_view{width:100%; border-top:2px solid #333;}
.bbs_view thead th{padding:15px 10px; font-size:0.857em; text-align:left; line-height:1.2; border-bottom:1px solid #d1d1d1;}
.bbs_view thead th div.date{margin:10px 0 0 0; font-size:0.714em}
.bbs_view thead th div.date span{margin:0 10px 0 0; padding:0 10px 0 0; font-weight:bold; background: url(../images/kor/common/tab_line.gif) right center no-repeat;}
.bbs_view tbody td{padding:20px 10px; line-height:1.2;}
.bbs_view tbody td *{margin:0 !important; /* text-align:center !important; */ font-size:10px !important; text-indent:0 !important;}
.bbs_prevNext{width:100%; border-top:1px solid #d1d1d1; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1;}
.bbs_prevNext th{font-size:0.714em; background-color:#fafafa; border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1;}
.bbs_prevNext td{padding:15px; font-size:0.714em; line-height:1.2; border-bottom:1px solid #d1d1d1;}

/* bbs_paging */
.paging{margin:15px 0 0 0; text-align:center;}
.paging a{display:inline-block; width:27px; height:18px; margin:0 0 0 -3px; padding:7px 0 0 0; font-family:돋움,'Dotum'; font-size:11px; font-weight:bold; color:#333; text-align:center; vertical-align:top; background:url(../images/kor/common/board/paging_line.gif) no-repeat 0 7px;}
.paging a.current{color:#fff; background:#bd0c0c;}
.paging a img{vertical-align:top;}
.paging a.btn_first,
.paging a.btn_last,
.paging a.btn_prev,
.paging a.btn_next{height:25px; padding:0;}
.paging a.btn_prev{margin:0 10px 0 0;}
.paging a.btn_next{margin:0 3px 0 10px;}


div.currentArea{margin-top:-30px; margin-bottom:10px;}
div.currentArea span{height:25px; padding-top:0;}
div.currentArea span input{height:25px; padding:0 0 0 12px; font-size:1em; font-weight:bold; color:#fff; background:none; cursor:pointer; border:0; background:url(../images/kor/common/bul/ico_currentArea.gif) no-repeat 0 7px; background-size: auto 9px;}


.popupWrap{position:relative; width:320px; margin:0 auto; }
#mainPopup{position:absolute; top:32px;  left:10px; width:300px; border:1px solid #292826; background:#000; z-index:999; }
#mainPopup div.pCon{}
#mainPopup div.pCon a{display:block; width:300px; height:370px;}
#mainPopup div.pCon img{width:300px; height:370px;}
#mainPopup div.controlArea{position:relative; height:22px; padding:9px 0 0 10px; border-top:1px solid #535353; background:#282828;}
/*
#mainPopup div.controlArea a.btn_play{float:left; width:12px; height:12px; text-indent:-9999px; background:url(../images/kor/common/popup/btn_contol.gif) no-repeat;}
#mainPopup div.controlArea a.btn_play.paused{background-position:right 0}
#mainPopup div.controlArea div.pagination{float:left; margin:2px 0 0 9px;}
#mainPopup div.controlArea div.pagination a{display: inline-block; width:8px; height:8px; margin:0 3px; text-indent:-9999px; background:url(../images/kor/common/popup/paging.gif) no-repeat right 0;}
#mainPopup div.controlArea div.pagination a:first-child{margin-left:0;}
#mainPopup div.controlArea div.pagination a.selected{background-position:left 0;}
 */
#mainPopup div.controlArea div.close{position:absolute; top:8px; right:10px; font-size:0.786em; color:#fff;}
#mainPopup div.controlArea div.close input[type="checkbox"]{vertical-align:middle}
#mainPopup div.controlArea div.close label{display:inline-block; margin:0 14px 0 7px; padding:0 14px 0 0; vertical-align:middle; background:url(../images/kor/common/popup/line.gif) no-repeat right 0;}
#mainPopup div.controlArea div.close a.btn_close{display:inline-block; height:15px; padding:0 20px 0 0; line-height:1.3; color:#fff; background:url(../images/kor/common/popup/btn_close.gif) no-repeat right 0;}




/* For ENG */

/* Footer */
/* #footer .inner.mcd_eng div.footMenu a{padding-left:15px; padding-right:15px;} */

/* menu */
.mcd_eng .menuList .mList div.slide a{min-height:115px;}

/* find us */
.mcd_eng .find_tabmenu li a{height:18px;}
.mcd_eng .deli_thru div.titleArea p{width:100%;}
.mcd_eng .deli_thru div.infoArea div.inner h4{margin-bottom:8px}
.mcd_eng .thru div.titleArea p{width:64.24682395644283%;}
.mcd_eng .deli_thru div.delImg{width:71.93548387096774%; margin:0 auto;}
.mcd_eng .deli_thru div.btnWrap p.txt{margin:0 0 7px 0; font-size:0.857em; font-weight:bold; color:#000;}

.mcd_eng .findus .find_tabmenu li{display:table;}
.mcd_eng .findus .find_tabmenu li a{display:table-cell; height:35px; padding:0; vertical-align:middle}
.mcd_eng .findus .find_tabmenu li.current a{height:36px; padding-bottom:0;}

/* All menu */
html.asideBg_eng{overflow-x:hidden; background:#fff url(../images/eng/common/aside_bg.gif) repeat-y; background-size: 160px auto;}
#allMenu.mcd_eng{width:160px; left:-160px;}
#allMenu.mcd_eng ul.d1 > li > a{background:url(../images/eng/common/bul/bul_open.png) no-repeat 140px 13px; background-size: auto 11px;}

.mcd_eng .event div.term_con p.social img{width:126px !important;}
.mcd_eng .linkDefault > li > a dl dt{margin:0 0 5px 0; font-size:1.214em; font-weight:normal;}
.mcd_eng#totalSearch div.inner{position:relative; padding:0 85px 0 0;}