﻿@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* common */
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,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	/*vertical-align:baseline;*/
}
img {vertical-align:middle;}
table {border-collapse: collapse;}
caption {display:none;}
ol, ul {list-style:none;}
label {vertical-align:middle;cursor:pointer;}
a {color:#3e3e3e; text-decoration:none; font-size:1em}
a {outline:none}
a:hover, a:active {color:#000; text-decoration:none}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, menu, nav, section {display:block;}

body{ font-size:14px; line-height:23px; font-family:'Nanum Gothic', '나눔고딕'; color:#444;}
input[type=text] {height:18px;border:1px solid #d5d7d8;vertical-align:middle;}
input[type=radio],input[type=checkbox] {margin-top:-2px;}

.blind {position:absolute; top:-9999px; left:-9999px;}
.pointer {cursor:pointer}

/* clear */
.clf {height:140px;*zoom:1}
.clf:after {display:block; content:""; clear:both;}
.clb {clear:both;}

/* clear */
.clf-1 {height:180px;*zoom:1}
.clf-1:after {display:block; content:""; clear:both;}
.clb-1 {clear:both;}

/* float */
.fll {float:left;}
.flr {float:right;}

/* common2.css start */
header {height:111px; }
header.sub_top {height:111px; border-bottom:1px solid #dbdbdb;}
header .topmenu {position:relative;width:980px;margin:0 auto;z-index:1001;}
header .topmenu h1 {padding:36px 57px 0px 0px;}

header ul.main {position:absolute; width:750px; clear:both; color:#222;}
header ul.main li {float:left; padding:0; font-size:17px;}
header ul.main li.menu {margin:47px 45px 0px 0px;}
header ul.main li.menu .m01 {width:116px;height:17px;background:url('../img/en/gnb_en.gif');background-position:-13px -6px;}
header ul.main li.menu .m02 {width:117px;height:17px;background:url('../img/en/gnb_en.gif');background-position:-169px -6px; }

/* 이상화보집 메뉴 추가 */
header ul.main li.menu .m03 {width:110px;height:17px;background:url('../img/en/gnb_en.gif');background-position:-328px -6px;}

header ul.main li.menu .m04 {width:117px;height:17px;background:url('../img/en/gnb_en.gif');background-position:-481px -6px; }
header ul.main li.last .m05 {width:97px;height:17px;background:url('../img/en/gnb_en.gif');background-position:-640px -6px;}


header ul.main li.last {margin:47px 0px 0px 0px;}
header ul.main li.menu .m01:hover {width:116px;height:17px;background:url('../img/en/gnb_en.gif');background-position:-13px -25px;}
header ul.main li.menu .m02:hover {width:117px;height:17px;background:url('../img/en/gnb_en.gif');background-position:-169px -25px;}

/* 이상화보집 메뉴 추가 */
header ul.main li.menu .m03:hover {width:110px;height:17px;background:url('../img/en/gnb_en.gif');background-position:-328px -25px;}

header ul.main li.menu .m04:hover {width:117px;height:17px;background:url('../img/en/gnb_en.gif');background-position:-481px -25px; }
header ul.main li.last .m05:hover {width:97px;height:17px;background:url('../img/en/gnb_en.gif');background-position:-640px -25px;}


header ul.main li a.dp1 {display:block;height:17px;}
header ul.main li a span {visibility:hidden;}
/* header ul.main li a:hover {color:#fff} */

header ul.main ul {position:absolute; height:30px; padding-top:10px; visibility:hidden; z-index:4;}
header ul.main ul li {float:left; margin:0px 10px 0px 0px;}
header ul.main ul.sub_3 li {margin:0px 0px 0px 10px;}
header ul.main ul li a {padding:3px 3px 3px 0px;font-size:13px;}
header ul.main ul.sub_3 li a {padding:3px 0px 3px 3px;}
header ul.main ul li a:hover {color:#ff5453;background-color:#fff;}
header ul.main ul li ul li {font-weight:normal;}
header ul.sub_0 {left: 0px;}
header ul.sub_2 {right:318px;}
header ul.sub_3 {right:65px;}
header ul.sub_4 {right:0px; }

/* 팝업 윈도우 */
.popup_layer { width:400px; position:absolute; display:none; border:1px solid #ccc; padding:20px 20px 20px 20px; font-size:13px; line-height:180%;
               background-color:White;}
.popup_link { color:#1ABC9C }

/* font */
.f1 { font-size:18px; line-height:180%; letter-spacing:-0.02em;}
.f2 { font-size:17px; line-height:180%; letter-spacing:-0.02em;}
.f2_doctrine { font-size:16px; line-height:180%; letter-spacing:-0.02em; color:#000;}
.sm_f2 { font-size:17px; line-height:180%; letter-spacing:-0.02em; margin:0 0 15px 0;}
.f3 { font-size:15px; line-height:180%; letter-spacing:-0.02em;}
.f3_bold { font-size:15px; line-height:180%; letter-spacing:-0.02em; font-weight:bold;}

/* color */
.c1 { color:#6AA800 }
.c2 { color:#16a085;}

/* image button */
.img_btn { cursor:pointer; }

ul.contact_menu { width:236px;height:30px; position:absolute; right:0px;z-index:1002;}
ul.contact_menu li {float: left; margin: 0px auto; text-align: left;}
ul.contact_menu li a {color:#222; font-size:11px; }
ul.contact_menu ul.home_lang {height:263px;z-index:1;background:#fff;display:none;visibility:hidden;border:1px solid #d5d7d8;overflow:hidden;}
ul.contact_menu ul.home_lang li {clear:both;width:83px;}
ul.contact_menu ul.home_lang li a {display:block;padding-left:11px;}
ul.contact_menu ul.home_lang li a:hover {color:#ff5453;background-color:#fff;}
