@font-face {
  font-family: 'nanums';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.ilovesea.or.kr/fonts/NanumSquareR.eot');
  src: local('Nanum Square Regular'),
       local('NanumSquareR'),
       url('https://www.ilovesea.or.kr/fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'),
       url('https://www.ilovesea.or.kr/fonts/NanumSquareR.woff2') format('woff2'),
       url('https://www.ilovesea.or.kr/fonts/NanumSquareR.woff') format('woff'),
       url('https://www.ilovesea.or.kr/fonts/NanumSquareR.ttf') format('truetype');
}

@font-face {
  font-family: 'nanumsB';
  font-style: bold;
  font-weight: 700;
  src: url('https://www.ilovesea.or.kr/fonts/NanumSquareB.eot');
  src: local('Nanum Square Bold'),
       local('NanumSquareB'),
       url('https://www.ilovesea.or.kr/fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'),
       url('https://www.ilovesea.or.kr/fonts/NanumSquareB.woff2') format('woff2'),
       url('https://www.ilovesea.or.kr/fonts/NanumSquareB.woff') format('woff'),
       url('https://www.ilovesea.or.kr/fonts/NanumSquareB.ttf') format('truetype');
}


@font-face {
  font-family: 'nanumsEB';
  src: url('https://www.ilovesea.or.kr/fonts/NanumSquareOTFExtraBold.eot'); /* IE9 Compat Modes */
  src: url('https://www.ilovesea.or.kr/fonts/NanumSquareOTFExtraBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.ilovesea.or.kr/fonts/NanumSquareOTFExtraBold.woff') format('woff'), /* Modern Browsers */
       url('https://www.ilovesea.or.kr/fonts/NanumSquareOTFExtraBold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('https://www.ilovesea.or.kr/fonts/NanumSquareOTFExtraBold.svg#090d6763bc81b49309446d23fbd10e87') format('svg'); /* Legacy iOS */

  font-style:   normal;
  font-weight:  900;
}

* {margin: 0; padding: 0; line-height: 100%;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}


ol, ul, li {list-style:none}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}

table {border-collapse: collapse; border-spacing: 0;width:100%;}

img,fieldset{border:0;}
li img,dd img,dt img,label img{vertical-align:top;}
li{line-height:100%;list-style:none}
table{border-collapse:collapse;width:100%;}



input,select,textarea,button{font-family:"nanums";font-size:12px;color:#333;}
img,input,select{vertical-align:middle;}
img {vertical-align: top;}
address,caption,em{font-weight:normal;font-style:normal;}
hr{display:none;}

/* base */
html{width:100%;}
body{width:100%;font-size:14px;-webkit-text-size-adjust: 100%;color:#333;line-height:1.5; font-family:"nanums", "나눔고딕", "Dotum", sans-serif;}
a{color:#333;text-decoration:none;text-decoration:none; font-family:"nanums"; font-size:14px; line-height:1.5; color:#333; width:100%; height:100%}
a:visited,a:hover,a:active,a:focus{color:#333;}
caption,legend{width:0;height:0;font-size:0;text-indent:-9999px;overflow:hidden;}

h1,h2,h3,h4,h5,h6{font-family:"nanums"; font-size:14px;color:#333;}


.hide {width:0; height:0; margin:0; padding:0; position:absolute; left:0; top:0;
		font-size:0; text-indent:-9999px; overflow:hidden; visibility:hidden}


.cf:after {content:""; display:block; clear:both; visibility:hidden; width:0; height:0; font-size:0;}


#wrap {width: 900px; margin: 0 auto; border: 1px solid #cecece; border-top: 0; padding-bottom: 15px; box-sizing:border-box;}
#wrap .top_line {width: 100%; height: 5px; background: url(https://www.ilovesea.or.kr/images/newsletter/201706/wrap_bg.jpg) 0 0 no-repeat; border-bottom: 1px solid #cecece;}
#wrap:after {display: block; content: ''; clear: both;}
#header {height: 120px; border-bottom: 1px solid #eeeeee; margin: 0 15px;}
#header .h1_left {float: left;}
#header .h1_left .l_logo {margin: 15px 0;}
#header .letter_date {font-size: 14px; font-family: nanumsB;color:#3e65a1;}
#header .letter_date b {font-family: nanumsEB;}
#header .title {float: left; margin: 20px 0 0 155px;}
#header .h1_right {float: right; text-align: right;}


#header .h1_right .r_logo {margin: 22px 0 6px;}
#last_view {width: 183px; height: 26px; border: 1px solid #6f6f6f; border-radius:5px; padding-left: 10px; box-sizing:border-box;}
#last_view select option {font-size: 16px; color:#272727;}

.conbox {width: 100%;}
.conbox01 {height: 341px; background: url(https://www.ilovesea.or.kr/images/newsletter/201706/conbox01_bg.png) 0 0 no-repeat;}
.conbox01 h2 {margin: 30px 0 0 30px;}
.conbox01 h2 a {font-size: 32px; font-family: nanumsB; color:#1d1e1e;}
.conbox01 h2 a span {display: block; margin-left: 172px; margin-top: -15px;}
.conbox01 h2 img {margin-top: 7px;}
.conbox01 .conbox01_writer_info {display: block; padding-left: 206px;}
.conbox01 p {margin: 105px 0 0 30px;}
.conbox01 p a {font-size: 14px; font-family: nanumsB; color:#fff;}

.conbox02 {margin-top: -26px; z-index: -1; background: url(https://www.ilovesea.or.kr/images/newsletter/201706/conbox02_bg.png) 0 0 no-repeat; padding: 30px; box-sizing:border-box;}
.conbox02 h2 a {font-family: nanumsB; font-size: 26px; color:#161616;}
.conbox02 .left {margin: 27px 0 0 55px; float: left;}
.conbox02 .tit a {display: block; margin-bottom: 10px; font-size: 25px; color:#008215; line-height: 1.3em; letter-spacing: -0.5px;}
.conbox02 .more_btn {display: block; margin: 20px 0 0 33px;}
.conbox02 b {font-family: nanumsB; font-size: 14px; color:#333333; padding-left: 33px;}
.conbox02 p {width: 365px; padding-left: 33px; text-align: justify;}
.conbox02 .right {float: left; margin: 28px 0 0 40px;}
.conbox02 .right .tit a {font-family: nanumsB; font-size: 18px; color:#333333;}

.conbox03 {background: url(https://www.ilovesea.or.kr/images/newsletter/201706/conbox03_bg.png) 0 0 repeat-y; width: 870px; overflow: hidden;}
.conbox03 h2 {font-family: nanumsB; font-size: 26px; color:#161616; padding-left: 30px; padding-bottom: 30px;}
.conbox03 h2 img {margin-top: 3px;}

.conbox04 {margin: 30px 0 0; padding-bottom: 30px; position: relative; background: url(https://www.ilovesea.or.kr/images/newsletter/201706/conbox04_bg.png) right bottom no-repeat;}
.conbox04 h2 {font-family: nanumsB; font-size: 26px; color:#161616; padding: 0 30px;}
.conbox04 .quiz_btn {display: block; width: 161px; height: 32px; position: absolute; top: 5px; right: 30px;}
.conbox04 .quiz_info {display: block; padding: 50px 0 65px; text-align: center; font-size: 17px; color:#666;}

.tabmenu {border-bottom: 2px solid #6b6b6b;}
.tabmenu li {float: left; width: 145px; height: 50px; line-height: 52px; text-align: center; font-family: nanumsB; color:#043763;
background: url(https://www.ilovesea.or.kr/images/newsletter/201706/tabmenu_off.png) 0 0 no-repeat; cursor:pointer;}
.tabmenu li:hover {background: url(https://www.ilovesea.or.kr/images/newsletter/201706/tabmenu_on.png) 0 0 no-repeat; color:#fff;}
.tabmenu li.on {background: url(https://www.ilovesea.or.kr/images/newsletter/201706/tabmenu_on.png) 0 0 no-repeat; color:#fff;}
.tabcon {border-bottom: 2px solid #6b6b6b; background: #fff;}
.tabcon > li {display: none;}
.tabcon li .tabcontents {}
.tabcon li .tabcontents > li {padding: 15px 35px 15px 60px; border-top: 1px solid #eeeeee; background: url(https://www.ilovesea.or.kr/images/newsletter/201706/tabcon_li_dot.png) 35px 32px no-repeat;}
.tabcon li .tabcontents > li.line01 {background: url(https://www.ilovesea.or.kr/images/newsletter/201706/tabcon_li_dot.png) 35px 23px no-repeat;}
.tabcon li .tabcontents li a {color:#043763;}
.tabcon li .tabcontents li a strong {font-size: 16px; font-family: nanumsB;}




#container {width: 100%; padding: 0 15px; box-sizing:border-box;}
#container:after {display: block; content: ''; clear: both;}
.top {position: relative;}
.first_btn {display: block; width: 123px; height: 23px; position: absolute; bottom: 0; right: 0;}
.contents {width: 100%; padding: 0 50px; box-sizing:border-box;}
.contents:after {display: block; content: ''; clear: both;}
.con_tit {display: block; margin: 40px 0 30px; text-align: center; font-family: nanumsB; font-size: 50px; color:#1d1e1e;}
.con_tit .fz30 {font-size: 30px;}
.contents .writer_info {text-align: center; font-size: 15px; color:#333333; margin-bottom: 20px; line-height: 1.5em;}


.contents p {font-size: 14px; color:#4b4b4b; letter-spacing: 0; text-align: justify; line-height: 1.8em;}
.contents p strong {font-size: 20px; font-weight: 500;}
.contents p.right_txt {width: 415px; float: left; margin: 25px 0 25px 25px;}
.contents p.right_txt:after {display: block; content:''; clear: both;}
.contents .cnt_con {margin: 10px 0 30px;}
.contents .cnt_con li {float: left; line-height: 1.8em; padding: 10px 0;}
.cnt_con li ul > li {float: left; width: 671px; border-top: 1px dashed #d4d4d4; text-align: justify;}
.cnt_con li ul > li:first-child {width: 97px; float: left;}
.cnt_con li ul > li span.strong_bg {font-size: 20px; color:#fff; background: #01b4a9;}
.cnt_con li ul > li span.strong_bg2 {font-size: 14px; color:#fff; background: #01b4a9;}

.contents .person_wrap .right_txt {width: 430px; float: left; margin: 25px 0 25px 25px;}
.contents .person_wrap p.right_txt02 {width: 375px; float: left; margin: 20px 0 25px 15px; letter-spacing: -0.1px;}

.contents p.left_txt {width: 370px; float: left; margin: 25px 25px 25px 0; line-height: 1.8em;}
.contents p.left_txt02 {width: 429px; float: left; margin: 25px 24px 25px 0;}

.img_wrap {margin: 25px 0;}
.img_wrap_right {float: right;}
.img_wrap_left {float: left;}
.img_wrap_center {text-align: center;}
.img_wrap_center .img_tit {display: block; margin-top: 20px;}
p.summary {text-align: center; font-weight: bold; font-size: 16px; line-height: 1.5em; padding: 70px 0;}
.img_wrap .img_tit {display: block; width: 370px; margin-top: 10px; text-align: center;}

.chiness {font-family: sans-serif;}

.table_tit {display: block; text-align: center; margin-bottom: 10px; font-family: nanumsB;}
table th {border: 1px solid #ccc; padding: 10px 0; vertical-align: middle; background: #50bcab; color:#fff; font-family: nanumsB;}
table td {border: 1px solid #ccc; padding: 10px 0; text-align: center;}

#main_footer {width: 100%; padding: 0 15px; box-sizing:border-box;}
#main_footer .footer {margin-top: -10px;}
#footer {width: 100%; padding: 0 15px; box-sizing:border-box; margin-top: 100px;}
.footer {background: url(https://www.ilovesea.or.kr/images/newsletter/201706/footer_bg.png) 0 0 no-repeat; position: relative; padding-top: 55px;}
.bottom_first_btn {display: block; width: 123px; height: 23px; position: absolute; top: -75px; right: 0;}
.foot_con {float: left;}
.foot_con01 {margin-bottom: 30px; padding: 0 30px; border-right: 1px dashed #a6b7c8;}
.foot_con02 {margin-bottom: 30px; padding: 0 40px; border-right: 1px dashed #a6b7c8;}
.sns_tit {display: block; font-size: 14px; color:#444443; font-family: nanumsB; letter-spacing: -0.7px;}
.sns {}
.sns li {float: left; margin-left: 10px;}
.sns li:first-child {margin-left: 0;}
.sns li a {display: block;}
.foot_con03 {margin-bottom: 30px; padding: 0 0 0 42px;}
.foot_con03 img {float: left;}
.foot_con03 .qr_con {float: left; margin-left: 8px; font-family: nanumsB; font-size: 13px; color:#727272; line-height: 1.3em; padding-top: 5px;}
.foot_con04 {width: 100%; height: 100px; background: #ebf0f1;}
.foot_con04 h2 {float: left; margin: 25px 20px 0 35px;}
.foot_con04 p {float: left; margin-top: 32px; font-size: 13px; color:#515050;}
.bottom_link {float: right; margin: 40px 30px 0 0;}
.bottom_link li {float: left; padding: 3px 15px; background: #fff; border: 1px solid #c4c9ca; margin-left: 3px;}
.bottom_link li:first-child {margin-left: 0;}
.bottom_link li a {display: block; font-size: 12px; color:#747474;}


#quiz_wrap {width: 650px; margin: 0 auto; height: 750px; border: 10px solid #0169ba; padding: 20px; box-sizing:border-box;}
.top {position: relative;}
.top h1 {font-size: 26px; color:#161616; font-family: nanumsB;}
.top .close_btn {display: block; width: 34px; height: 32px; position: absolute; top: 0; right: 0;}
.quiz_contents {}
.quiz_contents:after {display: block; content: ''; clear: both;}
.question {display: block; width: 100%; margin: 35px 0; padding: 5px 0; background: url(https://www.ilovesea.or.kr/images/newsletter/201706/question_bg.jpg) center no-repeat; font-size: 23px; color:#ffffff; font-family: nanumsB;
text-align: center; letter-spacing: -1px; line-height: 1.3em;}
.main_question {display: block; width: 100%; margin: 35px 0; background: url(https://www.ilovesea.or.kr/images/newsletter/201706/question_bg2.jpg) center no-repeat; font-size: 23px; color:#ffffff; font-family: nanumsB;
text-align: center; letter-spacing: -1px;}
.answer {font-size: 21px; color:#222222; text-align: center;}
.answer input {display: inline-block; margin: 0 5px 0 0;}
.input_wrap {padding: 30px 0; margin: 30px 0; border-top: 1px dashed #828282; border-bottom: 1px dashed #828282;}
.input_wrap li {float: left; width: 295px; font-family: nanumsB; font-size: 16px; color:#222222;}
.input_wrap li input {width: 216px; height: 33px; line-height: 33; padding-left: 10px; font-size: 16px; color:#222; background: #f8f8f8;
border: 1px solid #d1d1d1; box-sizing:border-box; margin-left: 15px;}
.tit {display: block; color:#4c4c4c; font-size: 16px; font-family: nanumsB;}
.agree {margin: 17px 0; background: #f5f5f5; border: 1px solid #ebebeb; padding: 20px; font-size: 13px; color:#4c4c4c;}
.agree b {font-size: 15px;}
.agree_txt {font-size: 13px; color:#222222;}
.agree_chk {font-size: 15px; color:#222222;float: right;}
a.submit_btn {display: block; width: 226px; height: 42px; line-height: 42px; text-align: center; background: #ea2f5c; font-family: nanumsB; font-size: 21px;
color:#fff; margin: 30px auto;}