@charset "utf-8";
/* reset */

@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap&subset=korean');

/* 공통 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{ margin:0;  padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0; vertical-align:top;}
address,caption,cite,code,dfn,var {font-style:normal; font-weight:normal; }
ol,ul {list-style: none; }
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight:normal;}
q:before,q:after {content:"";}
a{outline:0;   text-decoration:none;}
strong,em { font-style:normal; }
body { font: 12px /1 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000; background: url(../../images/content/main/bg_site.png) repeat-x 0px 0px; }
.h { position:absolute; left:-99999px; }


/* 공통 - Font*/
.fb251 {font: bold 25px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000; }
.fb163{ font: bold 16px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #0066cc; }
.fb162 {font: bold 16px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #015d9e; }
.fb161 {font: bold 16px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000; }
.fb141 {font: bold 14px/1 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000; }
.fb142 {font: bold 14px/1 "나눔고딕";  font-family: 'Nanum Gothic';  color: #0033ff; }
.fb131 {font: bold 13px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';   color: #999; }
.fb132 {font: bold 13px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #0e4b71; }
.fb133 {font: bold 13px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #c22a10; }
.fb134 {font: bold 13px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #034ab4; border-bottom: 1px solid #034ab4; }
.fb135 {font: bold 13px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #d1021f; border-bottom: 1px solid #d1021f; }
.fb135_2 {font: bold 13px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #ff0000;}
.fb136 {font: bold 13px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #d32100; }
.fb137 {font: bold 13px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #0066cc; }
.fb138 {font: bold 13px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #3b5998; }
.fb139 {font: bold 13px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #2e7cb3; }

.f171 {font: 17px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000; }
.f200 {font: 20px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000; }
.f134 {font: 13px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #999; }
.f135 {font: 13px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000; }
.f136 {font: 13px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #333; }
.f137 {font: 13px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #015d9e; }

.f121 {font: 12px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #474747; letter-spacing:0.05em; }
.f122 {font: 12px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #d1021f; letter-spacing:0.05em; }
.f123 {font: 12px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #3388ff; letter-spacing:0.05em; }
.f124 {font: 12px/1.6 "나눔고딕";  font-family: 'Nanum Gothic';  color: #3b5998; letter-spacing:0.05em; }
.f125 {font: 12px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #333; letter-spacing:0.05em; }
.f126 {font: 12px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #999; letter-spacing:0.05em; }
.f127 {font: 12px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #0033ff; letter-spacing:0.05em; }
.f127_2 {font: 12px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #015d9e; }
.f128 {font: 12px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #015d9e; letter-spacing:0.05em; }
.f129 {font: 12px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #ff0000; line-height:170%;}

.fb121  {font: bold 12px/1 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000; letter-spacing:0.05em; }
.fb122  {font: bold 12px/1 "나눔고딕";  font-family: 'Nanum Gothic';  color: #0033ff; letter-spacing:0.05em; }
.fb123 {font: bold 12px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #0066cc; }



/* 공통 - Align & Margin */
.alignL {text-align: left; }
.alignC {text-align: center; }
.alignR {text-align: right; }

.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}

.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}



/*---------------------------------사이트맵---------------------------------------*/
#container {width: 100%; margin: 0 auto; }
.contents {width: 950px; margin: 0 auto; position: relative; }
.conboard {width: 900px; float:left; margin-left: 20px; padding-bottom:40px; border-radius: 10px 10px 0px 0px; background: #fff;}  
.subtitle { position: relative; top:20px; left:-20px; height:20px; margin-bottom: 40px; }

/*location*/
.location { width:950px; height: 15px; margin: 65px 0px 10px 0px; padding: 5px 0px 5px 20px; background: url(../../images/content/cs/icon_home.png) no-repeat 0px 0px;}
.location li {margin-left: 3px; float: left; }

/*tag*/
.tag {margin-top: 15px; margin-left:-23px; position: relative; height:39px;}
.tag li {float:left; }
.title {height:39px; font:17px "나눔고딕";  font-family: 'Nanum Gothic';  color:#ffffff; background: url(../../images/content/edited_submenu/list_title_bg_02.png) repeat; display:table-cell; vertical-align:middle;}

/*search result*/
.search_title { font: bold 17px/1.6 "나눔고딕";  font-family: 'Nanum Gothic';  color: #cc2b20; float: left; position: relative; }
.btn_more { float:right; margin-top:7px;}
.editing_duck { width: 800px; margin-left:50px; margin-top:20px; position:relative; }
.thematic { width: 800px; margin-left:50px; margin-top:80px; position:relative; }
.community { width: 800px; margin-left:50px; margin-top:80px; position:relative; }
.shopping { width: 800px; margin-left:50px; margin-top:80px; position:relative; }

.result_table { float:left; margin-top:5px; margin-bottom:70px; }
.result_table th {height:30px; text-align: center; background-color:#d3def0; border-top:1px solid #829ecd; border-bottom:1px solid #829ecd;}
.result_table td {height:37px; text-align: center; border-bottom:1px solid #c9c9c9;}

.shop_table { float:left; margin-top:5px; margin-bottom:80px; }
.shop_table th {height:30px; text-align: center; background-color:#d3def0; border-top:1px solid #829ecd; border-bottom:1px solid #829ecd;}
.shop_table td {height:55px; text-align: center; border-bottom:1px solid #c9c9c9;}

/*card name*/
a.cardname:link {font: 12px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #1458d6; }
a.cardname:hover {font: 12px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #1458d6; text-decoration:underline;}
a.cardname:active {font: 12px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #1458d6; text-decoration:underline;}
a.cardname:visited {font: 12px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #1458d6; }

/*페이지로 링크*/
a.topage:link {font: 12px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000000; }
a.topage:hover {font: 12px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000000; text-decoration:underline;}
a.topage:active {font: 12px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000000; text-decoration:underline;}
a.topage:visited {font: 12px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000000; }

/*btn 찜하기*/
.btn_add {float:left; width:140px; height:30px; margin-top:7px; }

/* 사이트맵 전용 풋터 */
.addressWrap {width: 100%; height: 100px; margin:0 auto; background: #e1d5b8; position: relative; }
.footerInfo {width: 780px; margin: 0 auto; top: -40px; position: relative; font: 12px/1.8 "나눔고딕";  font-family: 'Nanum Gothic';  color: #333; }


/* Word Soudn Popup - 공통 */
.title_flcasound { width: 385px; height: 20px; font: 19px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #333; font-weight:600; background: #fff; border-bottom: 1px dashed #999; padding-top: 5px; padding-bottom:5px; padding-left:15px;}

.btn_listen {float:left; width:78px; height:32px; margin-left:80px; margin-bottom:20px; margin-top:20px; }
a.btn_listen {display: block; width:78px; height:32px; background:url(../../images/content/search/btn_listen_flca.png) no-repeat 0px 0px;}
a:hover.btn_listen {display: block; width:78px; height:32px; background:url(../../images/content/search/btn_listen_flca_over.png) no-repeat 0px 0px;}

.btn_listen_off {float:left; width:78px; height:32px; margin-left:80px; margin-bottom:20px; margin-top:20px;}

.btn_close {float:left; width:78px; height:32px; margin-bottom:20px; margin-top:20px; margin-left:5px;}
a.btn_close {display: block; width:78px; height:32px; background:url(../../images/content/search/btn_close.png) no-repeat 0px 0px;}
a:hover.btn_close {display: block; width:78px; height:32px; background:url(../../images/content/search/btn_close_over.png) no-repeat 0px 0px;}

.popUp1 { width: 400px; height: 470px; background: #fff; border: 1px solid #ccc; position: relative; }
.flca { width: 320px; text-align:center; margin-left:39px; margin-top:20px;}
.img {width: 320px; height: 260px; border: 1px solid #999; }
.meaning { width: 320px; margin-top:5px; text-align:center; }
.meaning li {height: 20px; padding:10px;}